-
CSS 选择器
要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。
基本选择器包括：
- 通配选择器：可以选所有的HTML元素。
- 元素选择器：为页面中 某种元素 统一设置样式。
- 类选择器：根据元素的class值，来选中某些元素。
- id 选择器：根据元素的id 属性值，来精准的选中某个元素。
复合选择器包括：
- 交集选择器：选中同时符合多个条件的元素。
- 并集选择器：选中同多个选择器对应的元素。
- 后代选择器：选择指定元素中，符合要求的后代元素。
- 兄弟选择器：选择指定元素中，符合要求的相邻/所有兄弟元素。
- 属性选择器：选中属性值符合一定要求的元素。
- 伪类选择器：选中特殊状态的元素。
-
选择器的优先级
一个方便记住选择器的优先级的方式是记住一些选择器的权重如下：
- ID选择器：权重是1000.
- 类/伪类/属性：权重是100.
- 元素、伪元素: 权重是10.
-
CSS 的三大特性
- 层叠性：如果发生了样式冲突，那就会根据一定的规则（选择器的优先级），进行样式的层叠（覆盖）。
- 继承性：元素会自动拥有其父元素、其祖先元素上所设置的某些样式。规则：优先继承离得近的。
- 优先级：需要计算权重。
-
CSS 相关属性
字体，文本，列表，表格，背景，鼠标属性。
-
布局技巧
CSS布局是网页设计的重要组成部分。一个好的布局可以提高用户体验和网页的可读性。下面是CSS布局的一些小技巧：
- 使用盒子模型: 盒子模型可以帮助块元素更准确地布局和定位，通过设置元素的宽度、高度、边距和填充等属性。
- 使用弹性盒子模型: 弹性盒子模型可以帮助元素更灵活地布局和定位，可以轻松地实现垂直、水平居中等效果。
- 使用网格布局: 网格布局可以通过定义网格行和网格列，以此来控制元素的位置。
