欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 

当单个文档重要特殊的格局时,就理当使用内部名堂表。你可使用 <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