DIV+CSS 入门篇 css样式表

CSS+DIV

CSS：层叠样式表（cascading style sheets）

CSS解决的问题：内容与表现分离=HTML标签与样式分离

 

---

 

2、CSS样式表：

　　(1)行内样式表(内联样式):

 

　　　　a)定义：写在HTML标签style属性里面的样式

　　　　b)何时使用：在HTML页面中某个元素单独需要某种样式

　　　　c)缺点：不能共享复用代码，效率低，不能实现HTML标签与样式的分离

 

　　(2)内部样式表

 

 

　　　　a)定义：写在头部<style></style>标签里面的样式

　　　　b)何时使用：当单个HTML页面需要定义某个样式(作用当前页面)

　　　　c)缺点：不方便多个页面之间的代码维护(不能控制多个页面的样式)，没有实现彻底的标签与样式的分离

 

(3)外部样式表（推荐使用）

 

　　　　a)link标签引入

　　　　　　aa)定义：在HTML页面头部中用<link/>引入的外部css样式

　　　　　　bb)何时使用：真正写页面做项目时使用

　　　　　　cc)优点：彻底的实现了标签与样式的分离，共享样式，提高效率

　　　　b)导入式（只适用于css2.1版本，一般不推荐使用）：

---

5、css样式表优先级：

顺序：　（1）行内样式表 -> 内部样式表 -> 外部样式表

　　　　(2)后定义的样式会覆盖之前定义的同一样式

　　　　(3)就近原则