CSS层叠样式:

.内部样式表

1).行内样式

<td style="font-size:30px;">封面回顾</td>...td为行级标签,其他还有:按钮、输入框,范围、图像、超链接、换行标签

 

2).嵌入样式(<head>标签中实现)

<style type="text/css">

选择器{            

  对象属性1:属性值1;            ...样式表里的注释:   /*注释内容*/

  对象属性2:属性值2;

}            ....选择器可以是任意标签也可以是:.类名→对应:class="类名"

                                             #ID标示名→对应:id="ID标识名"

             ...也可以用选择器集体声明,如:h2,h3,.one,#two { font-size:30px; }

             ...选择器嵌套声明:如, h3 span{ text-decoration:underline;} 含义为<h3>标签中的<span>标签内容设置了下划线           

 

</style>

 

.外部样式表(<head>标签中添加以下语句)

<link href="style.css" rel="stylesheet" type="text/css" />...其中href属性表示链接的CSS样式表文件路径

                                             css样式表文件格式:  @charset "utf-8";

                                                                  选择器{ 对象属性:属性值;  }

                                             css样式表应用顺序:ID选择器样式表>类选择器样式表>标签选择器样式表。

                                                               行内样式的优先级最高

                                                               选择器相同时,后应用覆盖前应用。

 

CSS规则定义中包含的八个分类:

Ø   "类型"分类:定义字体样式、颜色、大小等。

Ø   "背景"分类:定义背景颜色、背景图像的设置。

Ø   "区块"分类:定义字体间距、对齐方式等。

Ø   "方框"分类:设置方框大小以控制页面元素布局等。

Ø   "边框"分类:设置边框的样式、宽度和颜色。

Ø   "列表"分类:设置列表类型、项目符号图像等。

Ø   "定位"分类:改变选定层的大小、位置等。

Ø   "扩展"分类:设置页面的分页效果和视觉效果。

 

CSS伪类别属性:

a:link     超链接普通样式,即在浏览器中正常显示的样式

a:hover   鼠标指针经过超链接时,超链接在浏览器中显示的样式

a:visited  超链接被单击过后显示的样式

a:active   此状态为当前激活状态,即超链接被单击时的状态

 

              cursor属性的属性值及对应的鼠标指针样式

 

                               常用的列表符号