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属性的属性值及对应的鼠标指针样式
常用的列表符号