Class类与ID编号网站建设规则

整个文档应用样式有许多方法,但往往你想使用一种风格的一些文档中的标记,但没有标签的所有实例。
 

  • 或者,您可能要创建一个样式,您可以申请在几个标签文档中没有重复的样式规则。要做到这一点,你使用的Class 和 id 的HTML属性。这些属性是全局属性,可应用于几乎所有的HTML标记。


Class

Class类选择器允许您设置多个样式相同的元素或文档中的标记。例如,您可能希望从文档中的文本的其余部分一个不同的颜色在文本中的某些部分。

像这样的类,您将分配的段落:

<style type="text/css">
  p.blue { background-color: #0000ff; }
  p.red { background-color: #ff0000; }
</style>

然后,当您要呼叫的各阶级,你会使用的Class内段的属性<p></p>标记。没有任何标签,一个Class类的属性将得到该标签的默认样式。

例如:

  • <p class="blue">本款将有一个蓝色的背景。</p>
  • <p>和本段将默认回到正常的风格</p>
  • <p class="red">而本段有一个红色的背景颜色 。</p>


如果你想使用一个类跨越多个HTML元素的单,只需删除从开始的风格调用(一定要留期间(HTML 元素。到位)) :

<style type="text/css">
.blue {background-color: #0000ff;}
.red {background-color: #ff0000;}
</style>

这两个类,然后提供给需要它们的任何元素:

<p class="blue">
本款将有一个蓝色的背景。
</p>
<h2 class="blue">这H2也将有一个蓝色的背景。</h2>

ID

ID编号选择器允许你给一个名称,无标签或其他HTML元素关联到一个特定的风格。你写一个这样的ID代码:

<style type="text/css">
#indent1 { text-indent: 10px; }
</style>

关联的ID标签关联类内的元素,应该有这种风格,以同样的方式:

<h3 id="indent1">
你可以给你的ID标签的任何字母和数字,你想的分组。给你的ID标签的名字,你会记得并理解了几个星期或几个月后,这是一个好主意。

请记住,HTML标准要求的ID必须是唯一的。

注:关于CSS中最棘手的的事情之一是,它需要使用以前可选的结束标记(XML一样 )。例如,如果你有一个段落标记的样式<p>,浏览器可能不知道从哪里结束,风格,如果你不包括结束标记</p>。