CSS 创建:
插入样式表的方法有三种:
1、外部样式表(External style sheet)
2、内部样式(Internal style sheet)
3、内联样式(Inline style)
外部样式表:
每个页面使用 <link> 标签链接到样式表。 <link> 标签在(文档的)头部,实例:
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档
内部样式:
单个文档需要特殊的样式时,就应该使用内部样式表,使用 <style> 标签在文档头部定义内部样式表,实例:
<head> <style> hr {color:sienna;} p {margin-left:20px;} body {background-image:url("images/back40.gif");} </style> </head>
内联样式:
要使用内联样式,你需要在相关的标签内使用样式(style)属性。Style 属性可以包含任何 CSS 属性:
<p style="color:sienna;margin-left:20px"> 这是一个段落。 </p>
多重样式:
如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来。
多重样式的优先级是--->
内联样式 > 内部样式 > 外部样式 > 浏览器默认样式
实例:
外部样式表拥有针对 h3 选择器的三个属性 --->
h3 { color:red; text-align:left; font-size:8pt; }
而内部样式表拥有针对 h3 选择器的两个属性 --->
h3 { text-align:right; font-size:20pt; }
假如拥有内部样式表的这个页面同时与外部样式表链接,那么 h3 得到的样式是 --->
color:red;
text-align:right;
font-size:20pt;