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)