🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
CSS样式使用方式: 有三种方法使用样式表: 内联式:应用内嵌样式到各个网页元素。 嵌入式:在网页上创建嵌入的样式表。 外联式:将网页链接到外部样式表。 优先级:内联式 > 嵌入式 > 外联式 当样式被应用到很多的网页时,推荐使用外部样式表 1)网页制作者使用外部样式表,在改变整个网站的外观时,仅需要改变一个文件 2)大多数浏览器会保存外部样式表在缓冲区,从而如果样式表在缓冲区就避免了在展示网页时的延迟 3)在实际开发中一般都使用外联样式 CSS选择符 选择符分类,最常用的三种: 普通选择符 类选择符 id选择符 ~~~ <!--多个类的样式用空格分割-> <p class="p1 p2"></p> ~~~ 还有一些比较常用的选择器 ~~~ /*群组选择器*/ #div1,#div2 { } /*父子关系*/ #div1>p { background-color: pink; } /*后代关系*/ #div1 p { font-size: 20px; } ~~~ CSS常用样式: ![](https://box.kancloud.cn/07ca607747cb886a9eb6d0f2fd6329b7_735x569.png) ![](https://box.kancloud.cn/dbddf85ff87cf5964b2afdb07684bf89_739x422.png)