当单个文档重要特殊的格局时,就理当使用内部名堂表。你可使用 <style> 标签在文档头部界说外部名目表,就像如许:
<head>
<style type="text/css">
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"> This is a paragraph </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;
即色调属性将被秉承于外部技俩表,而文字排列(text-alignment)与字体尺寸(font-size)会被外部技俩表中的规则包揽。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r52816.shtml








