[toc]
CSS 3总结
总结
CSS我学过：
- 六种选择器：
- 19种属性
- 7种属性值
CSS语法
选择器{属性名:属性值}
选择器
1. 基本选择器
- id
- class
- 标签
2. 全局选择器
- 通配符
3.伪类选择器
- :hover
- :active
- :link
- :visited
- :focus
- :root : 匹配的是html标签或xml标签
- :selected
- :nth-child(0)
- :nth-type-child(0)
- :last-child
- :first-child
- Last-type-child
- first-type-child
- :not
4.伪元素选择器
- :: first-line
- ::first-letter
- ::before
- ::after
5.属性选择器
- [id]
- [class='container']
- [class^='container']
6.组合选择器
- 分组选择器： 逗号
- 后代选择器: 空格
- 子元素选择器： 大于号
- 相邻兄弟元素选择器： +
属性
我熟悉CSS3的基础属性。
1. 尺寸属性
- width|Min-width|Max-width
- height|Min-height|max-height
- padding |padding-left|padding-top|
- Margin |
2. 背景属性组(新：渐变、尺寸)
3.边框属性组(新：圆角)
4. 列表属性组
5. 表格属性组
6. 字体属性组
7.文本属性组：（新：文字阴影)
8. 盒子属性
- box-sizing
- box-shadow
9. 显示属性组
10. 透明度属性
也熟悉CSS的布局属性
11.浮动布局
12. 定位布局
13. Flex布局
14. Grids布局
还熟悉CSS3的一些高级属性
15. 变换(2D和3D)
16. 过渡属性
17. 动画属性
也了解一些css的特殊性
18. 自定义属性
19.光标属性
属性值
1.尺寸值
2.颜色值
3.数字值(纯数字无单位)
- Line-height:2;
- Z-index:9;
4.路径值
5.关键字
6.函数值
- calc( 100px - 20px)
- Linear-grident(red,yellow)
- url(../images/aaa.jpg)
7.变量
--primary-color
