<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>选择器</title>
<style>
/* 属性 */
#title{
color :crimson;
background-color: #4d4d44;
}
/* 类 */
.titleclass{
color : #c26262;
background-color: #555555;
}
/* 选择器分组 */
h2,h3{
color : #c26262;
background-color: #555555;
}
</style>
</head>
<body>
<!--
属性选择器
#属性名称{}
步骤
1.通过 id声明一个属性 给一个名称
2.这个名称是唯一的不可以重复
3.通过#属性名称{} 来访问
-->
<h1 id="title">这是一个标题</h1>
<!-- 类选择器
.类名{}
1.通过class关键字 声明一个类 名字
2.类名唯一不要重复
3.通过.类名{}来访问
-->
<h1 class="titleclass">这是类的标题</h1>
<!-- 选择器分组 -->
<h2>你好</h2>
<br>
<h3>你好</h3>
</body>
</html>
02属性选择器2020.3.9
猜你喜欢
转载自blog.csdn.net/weixin_43079958/article/details/105058349
今日推荐
周排行