这一行的字体颜色将显示为红色
13 | ``` 14 | 15 | 内部样式块对象 Embedding a Style Block: 在 HTML 文档的 `` 标记里插入一个 ` 23 | ``` 24 | 25 | 外部样式表 Linking to a Style Sheet: 先建立外部样式表文件 `*.css`，然后使用 HTML 的 `link` 对象。或者使用 `@import` 来引入。 26 | 27 | ``` 28 | 29 | 30 | 31 | 32 | 35 | ``` 36 | 37 | * 选择器权重 38 | 39 | 1. 第一等：代表内联样式，如: `style=""`，权值为1000 40 | 2. 第二等：代表ID选择器，如: `#content`，权值为100 41 | 3. 第三等：代表类，伪类和属性选择器，如 `.content`，权值为10 42 | 4. 第四等：代表类型选择器和伪元素选择器，如 `div p`，权值为1 43 | 44 | * 优先级 45 | 46 | 1. 选择器都有一个权值，权值越大越优先； 47 | 2. 当权值相等时，后出现的样式表设置要优于先出现的样式表设置； 48 | 3. 创作者的规则高于浏览者：即网页编写者设置的 CSS 样式的优先权高于浏览器所设置的样式； 49 | 4. 继承的 CSS 样式不如后来指定的 CSS 样式； 50 | 5. 在同一组属性设置中标有!important规则的优先级最大 51 | 52 | ### 动画 53 | 54 | * CSS3 `@keyframes` 规则是用来创建动画。 `@keyframes` 规则内指定一个 CSS样式和动画将逐步从目前的样式更改为新的样式。 55 | * 常用属性如下： 56 | 57 || 属性 | 描述 | CSS |
|---|---|---|
| @keyframes | 规定动画。 | 3 |
| animation | 所有动画属性的简写属性，除了 animation-play-state 属性。 | 3 |
| animation-name | 规定 @keyframes 动画的名称。 | 3 |
| animation-duration | 规定动画完成一个周期所花费的秒或毫秒。默认是 0。 | 3 |
| animation-timing-function | 规定动画的速度曲线。默认是 "ease"。 | 3 |
| animation-delay | 规定动画何时开始。默认是 0。 | 3 |
| animation-iteration-count | 规定动画被播放的次数。默认是 1。 | 3 |
| animation-direction | 规定动画是否在下一周期逆向地播放。默认是 "normal"。 | 3 |
| animation-play-state | 规定动画是否正在运行或暂停。默认是 "running"。 | 3 |