CSS基础

1.CSS入门

1.1 HTML局限性

1.2CSS网页美容师

1.3 CSS初识

1.4 引入CSS样式表

1.4.1 行内式（内联样式）

1.4.2 内部样式表（内嵌式）

1.4.3 外部样式表（外链式）

1.5 三种样式表总结

1.6 CSS样式规则总结

2.CSS选择器

2.1 CSS选择器的作用

2.2 CSS基础选择器

(1) 标签选择器

(2) 类选择器

案例：

类选择器特殊用法：

(3) id选择器

id选择器与class选择器的区别：

(4) 通配符选择器

2.3 总结

3.CSS字体样式

(1). font-size 大小

(2). font-family 字体

(3). font-weight 字体粗细

(4). font-style 字体风格

(5).font 综合设置字体样式

(6).font总结

案例：

4.CSS外观属性

(1).color 文本颜色

FSCapture工具：可以吸取颜色，获得十六进制的颜色

(2).text-align 文本水平对齐方式

(3).line-height 行间距

(4).text-indent 首行缩进

(5).text-decoration 文本装饰

(6).总结

5.chrome调试工具与和emmet语法

(1).开发者工具

(2).emmet语法

快速生成HTML结构：

快速生成CSS结构：

快速格式化代码：

6.复合选择器

(1).后代选择器

(2).子元素选择器

(3).交集选择器

(4).并集选择器

测试题：

(5).链接伪类选择器

(6).总结

7.标签显示模式

(1).块级元素block-level

(2).行内元素inline-level

(3).行内块级元素inline-block

(4).三种模式的区别

(5).模式转换

(6).一个小工具snipaste的使用

8.CSS背景

(1).行高测量

(2).单行文本垂直居中

一行文字默认16px

(3).CSS背景

背景颜色：

背景图片：

(4).背景平铺

(5).背景位置

(6).背景附着

(7).背景简写background

案例导航栏：

(8).背景透明

(9).背景总结

9.CSS三大特性

(1).层叠性

(2).继承性

(3).优先级

权重计算公式：

10.CSS盒子模型

(1).看透网页布局的本质

(2).盒子模型的组成部分

(3).边框 border

border复合写法：

表格的细线标框：

边框会影响盒子的实际大小：

(4).内边距 padding

padding复合写法：

内边距也会影响盒子的实际大小：

应用：

(5).外边距 margin

应用：

(6).内外边距合并

(7).清除内外边距