网站搭建(五)

本文介绍id属性和class属性。id属性和class属性可被用于标识HTML元素,以便应用css样式。

id属性

id属性提供给了你一种给任何HTML元素标识的方法,这个标识可以在之后被用于应用特殊的CSS样式或者通过Javascript接收输入信息。

<h1 id="网站名称">Blog of Code</h1>

一些关于id属性的用法:

  • 一个id值只能用于一个元素(用于多个元素显示的结果随机)
  • id值不能包含任何空格
  • 一个元素不能有多个id值
class属性

class属性和id属性类似,区别在于:

  • 相同的class值能被多种元素使用
  • 一个属性可以有多种class值,以空格分隔

在下面的例子中,注意id和class语法的不同。

<html>
 <head>
   <title>id属性和class属性的比较</title>
 </head>
 <body>
   <!一个id属性只能用于一个元素!>
   <h1 id="pageTitle">id和class</h1>
   
   <!一个class可以用于多个元素!一个元素可以有多个class属性>
   <p class="bordered">This element has a border.</p>
   <p class="red bordered">红色.</p>
   <p class="blue bordered">蓝色</p>
 </body>
</html>

下篇文章介绍“img元素”


发表评论