CSS_语法格式和CSS选择器_基础选择器

CSS_语法格式

格式:

  选择器{

    属性名1:属性值1;

    属性名2:属性值2;

    ...  

  }

选择器:筛选具有相似特征的元素

注意:每一对属性需要使用;隔开,最后一对属性可以不加;

CSS选择器_基础选择器

1.id选择器:选择具体的id属性值的元素:建议在一个html中id值唯一 ​
#id属性值{}

2.元素选择器:选择具有相同标签名称的元素 ​
*语法:标签名称{} ​

注意:id选择器优先级高于元素选择器

3.类选择器:选择具有相同的class属性值的选择 ​
*语法:.class属性值{} ​
*注意:类选择器优先级高于元素选择器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础选择器</title>
    <style>
        #div1{
            color: red;
        }
        div{
            color: green;
        }
        .cls1{
            color: blue;
        }
    </style>
</head>
<body>
<div id="div1">张三</div>
<div>李四</div>
<p class="cls1">王五</p>
</body>
</html>

 

 

posted @ 2022-08-01 14:23  魔光领域  阅读(49)  评论(0编辑  收藏  举报