ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

CSS 选择器

2021-05-05 17:05:32  阅读:22  来源: 互联网

标签:Title color 标签 选择器 标题 id CSS


概念

作用:选择页面的某一个或者某一类元素

基本选择器

1.标签选择器
之前的例子用的就是标签选择器
2.类 选择器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .class1{
            color: brown;
        }
        .class2{
            color: aqua;
        }
    </style>
</head>
<body>
<h1 class="class1">标题1</h1>
<h1 class="class2">标题2</h1>
<h1>标题3</h1>
</body>
</html>

3.id选择器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*id 选择器格式
        #id名称{}*/
        #id1{
            color: blue;
        }
    </style>
</head>
<body>
<h1 id="id1">标题1</h1>
<h1>标题2</h1>
<h1>标题3</h1>
<h1>标题4</h1>
</body>
</html>

标签:Title,color,标签,选择器,标题,id,CSS
来源: https://www.cnblogs.com/OfflineBoy/p/14732022.html

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有