CSS之——02属性选择器2020.3.9

最新推荐文章于 2021-04-15 19:50:10 发布

温柔小薛

最新推荐文章于 2021-04-15 19:50:10 发布

阅读量113

点赞数

分类专栏： #+ CSS web渗透测试基础文章标签： css

本文链接：https://blog.csdn.net/weixin_43079958/article/details/105058349

版权

web渗透测试基础同时被 2 个专栏收录

26 篇文章 1 订阅

订阅专栏

#+ CSS

8 篇文章 1 订阅

订阅专栏

<!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>

温柔小薛

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS之——02属性选择器2020.3.9

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>选择器</tit...
复制链接

扫一扫

专栏目录