CSS笔记之引用方式
1、样式表有4种引用方式,其中数字 4 拥有最高的优先权。
- 浏览器缺省设置
- 外部样式表
- 内部样式表(位于 <head> 标签内部)
- 内联样式(在 HTML 元素内部)
因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:<head> 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。
内联:
<html>
<head>
<title>例子</title>
</head>
<body style="background-color: #FF0000;">
<p>这个页面是红色的</p>
</body>
</html>
内部样式:
<head> //位于head内
<style type="text/css">
body {background-color: #FF0000;}
</style>
</head>
外部样式:
<head> //位于head内
<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>