[TOC] # 案例1：CSS样式表语法 ![](https://img.kancloud.cn/99/84/99847ee0d790d9a9df02acdc17a227ff_661x147.png) ![](https://img.kancloud.cn/cf/3e/cf3eb321e5f250f2b85fc7185da15158_304x159.png) # 案例2：三种样式表 ![](https://img.kancloud.cn/9a/1f/9a1f84e14c3c98d5cfb76eb6c293c41f_878x409.png) ## 扩展 ![](https://img.kancloud.cn/26/ca/26ca4d12dce8f35bcc8cdf56b14e287e_376x153.png) ## 样式表优缺点 ![](https://img.kancloud.cn/ca/9a/ca9a6ecbf4acc6b4b703f9cc6c87e1f1_1071x202.png) > 样式表的优先级？？？ # 案例3： 试一试 > 1. 外部样式颜色为红色 > 2. 内部样式颜色为蓝色 > 3. 行内样式样色为黄色 > 注意：请将三种样式的选择器都设置为div，看看颜色变化。 # 案例4：看看输出 ## CSS的两个特性 1. 层叠（叠加多次样式） 2. 继承（从父元素继承样式） ![](https://img.kancloud.cn/bd/b0/bdb0452e8c07f8aefaade93a83885a53_563x500.png)