ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
[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)