应用CSS样式表

最新推荐文章于 2022-05-26 21:12:14 发布

weixin_30847865

最新推荐文章于 2022-05-26 21:12:14 发布

阅读量67

点赞数

原文链接：http://www.cnblogs.com/wangshen31/p/7911664.html

版权

首先应该分清楚应用CSS样式表到HTML页面中和将css样式表绑定到HTML页面的对象，是两个不同的概念。
像之前说的通过不同的选择器将样式表绑定到HTML页面中的对象，但其实使用的都是同一种方法应用css样式表到HTML页面中，这种方式成为嵌入样式表。
而css中应用css样式表的方法共有四种，剩下的三种为内联样式，外联样式表和多重样式表。

嵌入样式表：
嵌入样式表是指使用<style>标签将css样式表放入到<head>标签内

内联样式表：
又称行内css 通过使用style属性来引用声明语句。放在页面结构性标签的后面
<p style="color:sienna;margin-left:20px">
页面内容
</p>

外联样式表：
在创建整站工程时，一个css样式表常常需要同时应用于几个页面，这时候用外联样式表是非常好的选择。因为css样式表可以作为一个独立文件储存在页面外部，后缀名为css。通常使用<link>来调用外联样式表。
<link rel="Shortcut" type="text/css" href="some.css"/> //rel是关系的缩写
当然调用的不一定是一个文件，也可以引用url地址文件，此外还有一种使用@import来引用外联样式表的方法。把它放在<style>标签中。
<style type:"text/css">
@import url(some.css)
</style>

多重样式表：
通常来说，当多个样式表作用于同一个页面对象的时候，离这个页面对象最近的起决定性作用。但是，行内样式表始终处于最高级别。

转载于:https://www.cnblogs.com/wangshen31/p/7911664.html