<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<style type="text/css">
body{
/*背景的颜色*/
background-color: pink;
}
/*这时的p代表的所有的标签*/
p{
/*基础的属性*/
color: blue;/*字体颜色*/
font-size: 60px;/*字体大小*/
font-weight: normal;/*字体形态*/
text-decoration: none;/*字体的装饰*/
font-style: italic;/*字体的款式*/
}
/*可以通过#加后面的名字来进行选择标签*/
#demo {
color: red;
font-size: 65px;
font-weight: normal;
text-decoration: none;
}
/*运用class来进行选择*/
.demo1{
color: #00ffcc;
font-size:25px;
}
</style>
</head>
<body>
<!-- class的特殊性在与他可以重复使用 -->
<p id="demo">我是一个标题</p>
<p class="demo1 demo">我是二个标题</p>
<!-- 1) class可以重复,也就是说,同一个页面上可能有多个标签同时属于某一个类;
2) 同一个标签可以同时携带多个类。 -->
<p>我是三个标题</p>
</body>
</html>
css选择器
最新推荐文章于 2024-02-28 21:36:57 发布