·样式定义如何显示 HTML 元素

·包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定

■内容与表现分离

■网页的表现统一，容易修改

■丰富的样式，使得页面布局更加灵活

■减少网页的代码量，增加网页的浏览速度，节省网络带宽

■运用独立于页面的CSS，有利于网页被搜索引擎收录

·语法：

选择器{
      声明1;
      声明2;
      ......
}

·例：

span{
     font-size:12px;
     color:#F00;
}

·补充：

CSS的最后一条声明后的“;”可写可不写，但是，基于W3C标准规范考虑，建议最后一条声明的结束“;” 都要写上

■CSS代码写在的

■CSS注释以“”结束

◆

■作用：可用作文本的容器，能让某几个文字或者某个词语凸显出来

■行内元素

◆

■可以把文档分割为独立的、不同的部分；排版网页内容；网页布局

■块级元素

■内部样式表

■行内样式

style属性的应用
直接在HTML标签中设置的样式

■外部样式表

·链接式

·导入式

@import url("style.css");

■三种引入方式的优先级

·行内样式>内部样式表>外部样式表

·就近原则

■标签选择器

·HTML标签作为标签选择器的名称，如：…、

、

·语法

p { font-size:16px;}

■类选择器

·语法

.class { font-size:16px;}

■ID选择器

·语法

#id { font-size:16px;}

■基本选择器的优先级

·ID选择器>类选择器>标签选择器

·选择器不遵循“就近原则”，无论是哪种方式引入CSS样式，一般都遵循ID选择器 > class类选择器 > 标签选择器的优先级