首先应该分清楚应用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>
多重样式表:
通常来说,当多个样式表作用于同一个页面对象的时候,离这个页面对象最近的起决定性作用。但是,行内样式表始终处于最高级别。