需要特殊的样式时，应该使用内部样式表。

2024-01-18 14:09 小编

当单个文档重要特殊的格局时，就理当使用内部名堂表。你可使用 <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）会被外部技俩表中的规则包揽。

微信二维码

您感兴趣的内容