- 、
-
```
特殊: p标签里面不能放块级元素
### 行内元素
* 常见的行内:
```html
、、、、、
、、、、 ``` 特殊: a标签里面可以放块级元素 ### 行内块元素 * 常见的行内块元素 ```html
- 、
This is a paragraph.
``` ### 外部 ```htmlThis is a paragraph.
``` ### 行内 ```htmlThis is a paragraph.
``` ## css 的三大特性 * 层叠性 * 继承性: `text-`，`font-`，`line-` 这些元素开头的可以继承，以及 `color` 属性 * 优先级 选择器优先级计算表格: 1. 从左到右 2. 有4位, 但不会进级 | 选择器 | 权重 | | ----------- | ------- | | 继承或者* | 0,0,0,0 | | 元素选择器 | 0,0,0,1 | | 类选择器, 伪类选择器 | 0,0,1,0 | | id选择器 | 0,1,0,0 | | 行内式 | 1,0,0,0 | | !important | 无穷大 | 例子: ```css div ul li 0,0,0,3 .nav ul li 0,0,1,2 a:hover 0,0,1,1 .nav a 0,0,1,1 ``` ## 选择器 * 基础选择器 * 标签选择器 * 类选择器 * id选择器 * 通配符选择器: `*` * 复合选择器 * 后代选择器 * `:nth-of-type(n)` 和 `:nth-child(n)`: nth-of-type 除了要符合顺序, 还得符合类型 * 子代选择器 * 并集选择器 * 伪类选择器 * 链接伪类选择器 `:link`, `:visited`, `:hover`, `:active`, 为了生效, 需要注意顺序 * `:focus` 获得焦点的表单元素 * `:is(selector1, selector2, selector3)` 符合其中一种 * `:not(selector)` 选择不匹配指定选择器的元素 * `:has(selector)` 包含特定子元素的父元素, 或者包含特定兄弟元素的元素 * `:root` 选择文档的根元素 * `:empty ` 选择没有任何子元素的元素 * 兄弟选择器 * 相邻兄弟选择器: `p + span` 紧跟在 p 后面的第一个 span * 通用兄弟选择器: `p ~ span` p 后面的所有 span ## 字体属性 ```css font: font-style font-weight font-size/line-height font-family; ``` 使用 font 属性时，必须按上面语法格式中的顺序书写，不能更换顺序，并且各个属性间以空格隔开 不需要设置的属性可以省略（取默认值），但必须保留 font-size 和 font-family 属性，否则 font 属性将不起作用 * font-style: normal / italic * font-weight: normal是400, blood是700 ## 文本属性 * 修饰文本 text-decoration: none / underline / overline 上划线 / line-through 删除线 * 文本缩进: text-indent: 单位可以是px, 或者是em, em是当前元素一个文字的大小 ## 块级/行内/行内块 ### 块级元素 * 常见的块级: ```html、