内联样式表(行内引用)

<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推荐使用的标准。

多重样式表的叠加

  • 依照后定义的优先,所以优先级最高的是内联样式。连入的外部样式和内部样式表之间是最后定义的优先级高。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注