本文介绍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元素”