css样式表学习手册

《css样式表学习手册》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、CSS样式表学习手册10什么是样式表样式表又称为CSS样式表，CSS是CascadingStyleSheet的缩写。译作「层叠样式表单」。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。样式表的作用CSS样式表是一种网页内容的格式化技术，用于对网页显示内容进行效果装饰，它可以控制HTML中的几乎所有标记或者对其进行输出格式的重新设定，并且CSS可以将所修改的设定储存成一个独立的文件，提高其复用性。CSS不仅可以控制网页的输出格式，还可以控制其他的输出终端，常见的电视机，显示器，投影仪等均可以使用

2、CSS进行控制（CSS2具有该功能）。样式表的定义规则及其使用规则CSS样式表的定义规则有3种：1.直接对HTML文件内所使用的标签进行样式修改应用范围：对某个具体的标签进行临时样式的修改，应用于该标签格式：<标签名style="属性名1:属性值1;属性名2:属性值2;……属性名n:属性值n;">2.在HTML文件内部的文件头定义处对标签样式进行总体定义应用范围：对某个网页中的某种标签进行样式的修改，应用于本网页内格式：标签名1{属性名1:属性值1;属性名2:属性值

3、2;……}标签名2{属性名1:属性值1;属性名2:属性值2;……}……标签名N{属性名1:属性值1;属性名2:属性值2;……}101.将对标签样式的重定义制作成独立的CSS样式表文件（*.css）应用范围：定义一个独立的样式表文件，设定标签属性，应用于所有使用该文件的HTML文件格式：定义一个文件类型为css类型的文件标签名1{属性名1:属性值1;属性名2:属性值2;……}标签名2{属性名1:属性值1;属性名2:属性值2;……}……标签名N{属性名1:属性值1;属性名2:属性值2;……}CS

4、S样式表与HTML结合的三/四种方法：1.直接对HTML文件内所使用的标签进行样式修改的无需再做其他操作，样式将直接应用到被修改的标签中2.在HTML文件内部的文件头内定义的样式讲在使用到该标签时自动应用其定义效果，无需再做其他操作3.使用独立制作的CSS样式表文件(*.css)，讲该样式定义引入HTML文件的方式有如下两种:l在标签内使用标签导入外部定义的CSS样式表文件l使用C

5、SS规则"@import"标记来导入样式表单；样式表的冲突问题由于CSS样式表的定义规则不止一种，因此当某个标记CSS样式表的定义出现冲突时，多种相同属性的定义将出现冲突问题；此外当多种定义规则出现时，引用效果也讲出现冲突，下面列举出各种冲突的处理规则※定义冲突：1.HTML文件内部定义之间出现冲突使用时定义位置靠后的将取代前面定义的属性，成为最终定义的属性1.CSS

6、外部定义同一个.css文件内定义之间出现冲突（同上）※引用冲突：1.HTML文件内部定义与CSS外部定义.css文件之间出现冲突引用时HTML文件内部定义的样式将取代CSS外部定义文件内的样式2.CSS外部定义的多个.css文件之间出现冲突style1.cssbody{color:red;}style2.cssbody{color:blue;}引用时：

7、l若都使用标签导入，则后导入的将取代先导入的，成为最终样式l若都使用@import语法导入，则后导入的将取代先导入的，成为最终样式l若使用@import语法和标签分别导入，则语法顺序定义位置在后面

8、的将取代语法顺序定义位置在前面的，成为最终样式10或：