一、概述

CSS层叠样式表，一种标记语言，可以用来美化网页html，布局页面

二、CSS基础选择器

1. 标签选择器：可以选出所有相同的标签 p {}

2. 类(class)选择器：可以选出1个或多个标签 .nav {}

3. id选择器：一次只能选一个标签 #nav {}

4. 通配符选择器：选择所有标签 * {}

三、字体属性

1. font-size：字号，单位px

2. font-family：字体，微软雅黑是"Micrsoft YaHei"

3. font-weight：字体粗细,加粗是700或者blob，不加粗是normal或者400

4. font-style：字体样式，italic是倾斜

5. font：复合属性，严格按照顺序，其中font-size和font-family不可省略，顺序如下 font: font-style font-weight font-size/line-height font-family

四、文本属性

1. color：文本颜色

2. text-align：文本对齐

3. text-indent：文本缩进

4. text-decoration：文本修饰

5. line-height：行高

五、CSS引入方式

1. 行内样式表：只能控制一个标签

2. 内部样式表：可以控制一个页面

3. 外部样式表：可以控制多个页面

六、复合选择器

1. 后代选择器：可以是子孙后代，符号是空格 .nav a

2. 子代选择器：选择最近一级元素，符号是大于 .nav>p

3. 并集选择器：选择某些相同样式的元素，符号是逗号 .nav,.header

4. 链接伪类选择器：选择不同状态的链接，重点记住a{}和a:hover实际开发的写法

5. :focus选择器：选择获得光标的表单，记住写法 input:focus

七、元素显示模式

1. 块级元素：一行只能放一个，可以设置宽度高度，容器内可以包含任何标签

2. 行内元素：一行可以放多个，不可直接设置宽度高度，容纳文本或其他行内元素

3. 行内块元素：一行放多个行内块元素，可以设置宽度高度

4. 转换为块元素：display:block;

5. 转换为行内元素：display:inline;

6. 转换为行内块：diaplay:inline-block;

八、背景

1. background-color:背景颜色

2. background-image:背景图片

3. background-repeat:是否平铺

4. background-position:背景固定或者滚动

5. background-attachment:背景附着

6. 背景简写：背景颜色、背景图片地址、背景平铺、背景滚动、背景位置

7. 背景色半透明： background：rgba(0,0,0,.3)

九、三大特性

层叠行、继承性、优先级