css基本选择器

选择器

作用；选择页面上的某一类或者能某一个元素。

1；基本选择器

2；类选择器

3；ID选择器

 

1；基本选择器

<style>
    <!--  标签选择器；会喜欢着页面上的所有这个标签元素  -->
    h1 {
        color: red;
        background: #42baff;       
        border-radius: 24px;
    }
    
    p{
        size: 60px;
    }
    
    
</style>


2；类选择器
  <style>
        /* 类选择器的格式；.class的名称{}
         好处：可以多个标签归类，是同一个class
         
         */
        .wwa{
            color: #42baff;
        }
        .zbw{
            color: #42baff;
        }
    </style>
    
</head>
<body>

<h1 class="wwa">学习</h1>
<h1 class="zbw">java</h1>
<h1 class="wwa">找工作</h1>

</body>


ID选择器
  <style>
        /*
        ID选择器:保证全局唯一
        #ID名称{}
        ID选择器>类选择器>标签选择器
        */

#wwa{color: blueviolet;}
        
        style1{
            color: antiquewhite;
        }
        
    </style>
    
</head>
<body>


<h1 id ="wwa">学习</h1>
<h1 class="style1">java</h1>
<h1>加油</h1>
<h1>工作</h1>
<h1>工资</h1>

</body>








posted @ 2022-06-02 15:43  xyz王王  阅读(48)  评论(0)    收藏  举报