第2章网页样式

1、第2章网页样式第二章网页样式一概述全称为级联样式表，主要用来进行网页风格设计的。例如：超链接在未单击时是蓝色的，当鼠标指针移上去后变成红色，并且有下划线，这就是一种风格。那么我们可以通过设立样式表，统一控制中各标签的显示属性。.为什么要使用（优点）内容与表现分离：有了，网页的内容与表现就可以分开了。表现的统一：可以使网页的表现非常统一，并且容易修改。丰富的样式：使得页面布局更加灵活。减少网页的代码量，增加网页的浏览速度，节省网络带宽。运用独立于页面的，还有利于网页被搜索引擎收录。二如何使用样式2.的基本语法结构在语法中：选择器：表示被修饰的对象，如页面中被修饰的段落标签列表标签等.属性：希望改

2、变的样式，如颜色字体大小等。属性和属性值用冒号隔开2.2选择器根据选择器所修饰的内容类别，选择器又分为标签选择器，类选择器，选择器，并集选择器和后代选择器等。其中，前类是的基本选择器，后2类是由多个选择器或标签符合而成的选择器，简称符合选择器。标签选择器当需要对页面内标签的内容进行修饰时，则釆用标签选择器。标签选择器的语法：标签名属性：属性值;例如：设置页面中标签中的文本颜色为灰色，字体大小为28px代码如下：color:#cccccc;font-size:28px;在CSS中颜色的定义有四种方法：用颜色的名称定义color:red;以十六进制数color:#cccccc;以RGB整数设置颜色

3、color:rgb(56,89,200);/取值范围0-255以RGB百分数设置颜色color:rgb(80%,10%,10%);/取值范围0%-100%类选择器使用标签选择器修饰的范围比较广，是针对某一类的标签进行修饰，如果希望设置个别标签的样式，那么就要使用类选择器。类选择器的语法：.类名属性：属性值;类名可以任意选择，应用样式时使用标签的Class属性引用类样式。即标签名class=类名”标签内容注意：定义时类名前有个点号(.)，应用样式时则不需要点号。ID选择器ID属性是HTML元素的唯一标识，因此要求页面内不能有重复的D标记属性，ID选择器一般用于修饰对应ID属性的HTML元素内容。

4、ID选择器的语法：#ID名称属性：属性值;在语法中：定义ID选择器时有个”#”号，但设置HTML标签的ID属性时不需要。应用ID选择器时，首先使用ID属性标记被修饰的页面元素ID选择器和类选择器的区别ID选择器用于修饰某个指定的页面元素，这些样式是对应D标记的HTML元素所独占的；而类选择器是定义某类样式让多个HTML元素共享使用。并集选择器并集选择器用来同时选中各个基本选择器所选择的范围(任何形式的选择器都可以)，并集选择器是多个选择器通过逗号连接而成的。并集选择器的语法：标签名，类名,#ID名称属性:属性值;在语法中：多个选择器之间用英文半角输入法下的连接在并集选择器中，使用逗号连接的选择器，可以是基本选择器，也可以是复合选择器。后代选择器后代选择器是复合选择器中的一种，主要通过嵌套的方式对特殊位置的HTML标签进行声明。后代选择器的写法是把外层的标签写在前面，内层的标签写在后面，之间用空格分开。当标签发生嵌套时，内层的标签就成为外层标签的后代。后代选择器的语法：pspan属性：属性值;在语法中：标签内嵌套标签标签是标签的后代，两者之间用空格隔开。2.3在HTML中引入CSS的方式通常在HTML中，引入CSS的方