css 基础 选择器的使用 

1.标签选择器
解释：是针对一个标签做的样式，它会将匹配的所有标签都发生改变
语法格式：标签名{
             css样式代码
           }
2.类选择器
特点：1.可以给某一个标签标记为一类，设定css样式，比较灵活
     2.类目可以以，字母、数字、下划线、中划线组成，但不能以数字或中划线开头
　　　3.一个标签可以同时有多个类名，用空格隔开即可
　　　4.一个类选择器可以拥有多个标签，效果同时生效
   //使用方法和语法
   <style>
        .red{
            color: red;
        }
        .yellow {
            color: yellow;
        }
        .blue{
            color: blue;
        }
    </style>
</head>
<body>
    <p class="red">红姐</p>
    <p class="yellow">大黄</p>
    <p class="blue">小蓝</p>
</body>
</html>

3.id选择器

特点：1.id是唯一的，一个页面中只能出现一次，类似身份证

           2.一个id 号，只能拥有一个标签

使用方法如下：

<style>
        #red{
            color: red;
        }
        #yellow {
            color: yellow;
        }
        #blue{
            color: blue;
        }
    </style>
</head>
<body>
    <p id="red">红姐</p>
    <p id="yellow">大黄</p>
    <p id="blue">小蓝</p>
</body>
</html>

4.通配符选择器

语法:*{

       css语句

      }

通常用在去除padding和margin

　　

　　

posted @ 2021-12-27 17:31  嘉琦  阅读(127)  评论(0)    收藏  举报