Inline Vs Internal Vs External CSS(译)

写在前面

原文地址:Inline Vs Internal Vs External CSS


什么是CSS?

几乎所有人都知道CSS的全称是 C ascading S tyle S heet。样式表是用于定义如何展示HTML元素的。CSS在HTML4.0就被用于解决设计上的问题,CSS无疑是实现设计者的设计中最好且最有用的。

CSS的三种类型

有下面这三种CSS样式:

  1. 内联样式(inline css)
  2. 内部样式(internal css)
  3. 外部样式(external css)

下面让我们分别举几个简单的例子去理解它们的不同。

内联样式

内联样式有着无法确定固定样式的缺点。谨慎使用此方法!使用内联样式时需要添加style属性。style属性可以包含所有的CSS属性。下面的例子说明了如何改变一个段落的颜色:

<p style="color: sienna; margin-left: 20px">This is a paragraph.p>

内部样式

内部样式适用于那些使用单一样式的文档。使用的方法是在HTML的里用