当浏览器读取样式表时,它会根据样式表中的信息格式化 HTML 文档。
No | |||||
1 | 简单选择器 | 根据名称、id、类选择元素 | 元素选择器id 选择器类选择器通用选择器 |
HTML 元素 HTML 元素的 id 属性 具有特定类属性的 HTML 元素,要选择具有特定类的元素,请写一个句点 (.) 字符,后跟类名。 通用选择器 (*) 选择页面上的所有 HTML 元素。 |
1,一个元素的 id 在一个页面中是唯一的 2, 要选择具有特定 ID 的元素,请写入井号 (#) 字符,后跟元素的 ID。 3,类名不能以数字开头! |
2 | 组合选择器 | 根据元素之间的特定关系选择元素 | h1, h2, p { text-align: center; color: red; } |
||
3 | 伪类选择器 | 根据某种状态选择元素 | |||
4 | 伪元素选择器( | 选择元素的一部分并设置样式 | |||
5 | 属性选择器 | 根据属性或属性值选择元素 | |||
外部 CSS | 注意:不要在属性值和单位之间添加空格: |
必须在 head 部分的 元素中包含对外部样式表文件的引用 |
内部 CSS | 内部样式在 |