CSS（Cascading Style Sheets）层叠样式表

1.CSS代码的位置

三种样式表的优先级由高到低排列如下：

内联样式表>内部样式表> 外部样式表

补充规则：优先级相同的情况下，后定义的属性会覆盖先前定义的。

其他高级规则：CSS中的important!是比较实用的技巧。

1.1 内联样式表：HTML标签内



1.2内部样式表：在head标签内，title标签后面

如上图所示

注释标签则是避免不支持CSS的浏览器将CSS内容作为网页正文显示在页面上。

在CSS中，注释以“/”开始，以“/”结束

1.3外部样式表：独立的CSS文件中

使用link标签引入到当前文档中

2.CSS基本语法



3.css选择器

(1) id选择器 #

(2) 类class选择器 .

(3)选择器分组：不同的元素使用相同的样式时，可以使用“，”逗号隔开，表示并列关系。

(4)派生选择器：使用“父元素 子元素”的格式定位到父元素下面的子元素（用空格隔开）

(5)id选择器结合派生选择器：“#id名 子元素”定位到此id下面的子元素。

(6)类选择器结合派生选择器：“.class名 子元素”定位到此class下面的子元素。

(7)元素也可以给予他们的类而被选择





4.css框模型



行框：前后不换行，不能指定宽度（a,span,strong等标签），通过display:inline指定



块框：前后换行（div,table,p,h1~h6等标签）通过display:block指定



5.