文章摘要: HTML标签的公共属性。
class属性
- 对 HTML 进行分类(设置类),使我们能够为元素的类定义 CSS 样式。
- 为相同的类设置相同的样式,或者为不同的类设置不同的样式。
- 一个元素能指定多个类。
在<head></head>标签中的<style></style>标签中写一个名为abc类,如下所示:
案例
<!DOCTYPE html>
<html>
<head>
<style>
/* abc的`{ }`中是编写的样式 */
.abc {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<!-- 有设置abc类,这将使用上面abc的样式 -->
<div class="abc">
</div>
</body>
</html>
id属性
- 定义元素唯一的id。
id属性指定 HTML 元素的唯一 ID。id属性的值在 HTML 文档中必须是唯一的。id属性用于指向样式表中的特定样式声明。- JavaScript 也可使用它来访问和操作拥有特定 ID 的元素。
语法规则
- 写一个井号
#,后跟一个 id 名称。然后,在花括号{}中定义 CSS 属性。
<html>
<head>
<style>
/* id属性定义的样式代码 */
#abc {
样式块
}
</style>
</head>
</html>
style属性
- 规定元素的行为样式。
- 该方法被称为行内(内嵌)样式。
CSS样式详细总结:Language-CSS-样式