样式表基础知识及应用VIP专享VIP免费

下载本文档

阅读 153
下载 10
格式 ppt
大小 580.5 KB
约24页
2024-11-09 发布于河南
收藏
评论
点赞(0)
海报
举报

1/24页

2/24页

3/24页

在线预览已结束，请下载后查看完整版，加入VIP享文档下载特权

/24

文本预览下载提示常见问题

SINYEECSS基础知识及应用www.oseschool.com信永国际CSS基础知识及应用•CSS入门•CSS基本语法•CSS高级语法•CSS选择器•如何创建CSS•DIV+CSS页面布局（案例分析）CSS入门CSS英语意思是：CascadingStyleSheets，即层叠样式表样式定义如何显示HTML元素样式通常存储在样式表中把样式添加到HTML中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在CSS文件中外部样式表可以层叠为一CSS基本语法CSS语法由三部分构成:选择器,属性和值selector{property:value}例如：body{color:blue}值的不同写法和单位p{color:#ff0000;}也可简写：#f00p{color:red;}记得写引号(如果值为若干单词，则要给值加引号)p{font-family:"sansserif";}多重声明：p{text-align:center;color:black;font-family:arial;}CSS高级语法选择器的分组h1,h2,h2,h3,h5,h6{color:green;}继承：通过CSS继承，子元素将继承最高级元素所拥有的属性摆脱继承body{font-family:Verdana,sans-serif;}p{font-family:Times,"TimesNewRoman",serif;}CSS选择器派生选择器id选择器类选择器CSS派生选择器通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。li{font-style:italic;}listrong{font-style:normal;}查看例子CSS派生选择器-示例派生选择器简单示例strong{color:red;}h2{color:red;}h2strong{color:blue;}

Thestronglyemphasizedwordinthisparagraphiswhatcolor.



Thissubheadiswhatcolor.



Thestronglyemphasizedwordinthissubheadiswhatcolor.

查看例子CSSid选择器id选择器可以为标有特定id的HTML元素指定特定的样式。id选择器以”#”定义。#red{color:red;}#green{color:green;}这个段落是红色。

这个段落是绿色。

注：id属性尽可能在每个HTML文档中只出现一次查看例子id选择器和派生选择器在现代布局中，id选择器常常用于建立派生选择器。p{text-align:left;}#tablep{font-style:italic;text-align:right;margin-top:5px;}查看例子CSS类选择器在CSS中，类选择器以一个点号显示：.center{text-align:center}例如：Thisheadingwillbecenter-alignedThisparagraphwillalsobecenter-aligned.

注：不要使用数字起始类名！它无法在Mozilla或Firefox中起作用。类选择器和id选择器一样被用做派生选择器如何创建css如何插入样式表当读到一个样式表时，浏览器会根据它来格式化HTML文档。插入样式表的方法有三种：.外部样式表.内部样式表.内联样式外部样式表外部样式表引用格式：外部样式表可以在任何文本编辑器进行编辑。文件不能包含任何的html标签。样式表应该以.css扩展名进行保存。hr{color:#ff0000;}p{margin-left:20px;}body{background-image:url("imgs/40.gif");}注：不要在属性值和单位值之间有空格；内部样式表当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用内联样式由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style属性可以包含任何CSS属性。例如：Thisisaparagraph

查看例子多重样式如果某些属性在不同的样式表中被同样的选择器定义，那么属性值将从更具体的样式表中被继承过来。外部样式表拥有针对h3选择器的三个属性：h3{color:red;text-align:left;font-size:8pt;}内部...

1、当您付费下载文档后，您只拥有了使用权限，并不意味着购买了版权，文档只能用于自身使用，不得用于其他商业用途（如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利）。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。
3、如文档内容存在违规，或者侵犯商业秘密、侵犯著作权等，请点击“违规举报”。

碎片内容

样式表基础知识及应用

SINYEECSS基础知识及应用www

oseschool

com信永国际CSS基础知识及应用•CSS入门•CSS基本语法•CSS高级语法•CSS选择器•如何创建CSS•DIV+CSS页面布局（案例分析）CSS入门CSS英语意思是：CascadingStyleSheets，即层叠样式表样式定义如何显示HTML元素样式通常存储在样式表中把样式添加到HTML中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在CSS文件中外部样式表可以层叠为一CSS基本语法CSS语法由三部分构成:选择器,属性和值selector{property:value}例如：body{color:blue}值的不同写法和单位p{color:#ff0000;}也可简写：#f00p{color:red;}记得写引号(如果值为若干单词，则要给值加引号)p{font-family:"sansserif";}多重声明：p{text-align:center;color:black;font-family:arial;}CSS高级语法选择器的分组h1,h2,h2,h3,h5,h6{color:green;}继承：通过CSS继承，子元素将继承最高级元素所拥有的属性摆脱继承body{font-family:Verdana,sans-serif;}p{font-family:Times,"TimesNewRoman",serif;}CSS选择器派生选择器id选择器类选择器CSS派生选择器通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁

li{font-style:italic;}listrong{font-style:normal;}查看例子CSS派生选择器-示例派生选择器简单示例strong{color:red;}h2{col

您可能关注的文档

金钥匙书屋 + 关注: 实名认证
内容提供者

热爱教育事业，爱好互联网行业

收藏店铺进入空间

样式表基础知识及应用VIP专享VIP免费

Thissubheadiswhatcolor.

Thestronglyemphasizedwordinthissubheadiswhatcolor.

样式表基础知识及应用

您可能关注的文档

相关文档

热门下载

相关标签