放置CSS的几种方式
内联样式表(行内引用)
<p style=""></p>
- 内联的样式比其它方式更加灵活,但是需要和展示的内容混在一起,内联样式会失去样式表的优点。
内嵌样式表(内部引用)
<!DOCTYPE html>
<html>
<head>
<style></style>
</head>
</html>
- 适用于一个HTML文档具有独一无二的样式时。
外联样式表(外部引用)
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="文件地址" />
</head>
</html>
<!--了解-->
<style>
@import "CSS文件地址"
</style>
- 外部样式引用了外接的CSS文件。一般浏览器有缓存的功能所以用户不用每次都下载此CSS文件,并且外部引用相对于内部和内联来说高效的是节省带宽,外部引用是W3C推荐使用的标准。
多重样式表的叠加
- 依照后定义的优先,所以优先级最高的是内联样式。连入的外部样式和内部样式表之间是最后定义的优先级高。