CSS-02-css的三种基础选择器

 1 DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>css使用方法title>
 6         
 7         <style type = "text/css">
 8              /*css代码*/
 9             
10             /*id选择器*/
11              #box{
12                  /*color表示设置颜色*/
13                  color:blue;
14              }
15              
16              
17              /*类选择器*/
18             .box3{
19                 color: cornflowerblue;
20             }
21             
22             #p1{
23                 color: red;
24             }
25             
26             /*标签选择器*/
27             p{
28                 color: blueviolet;
29             }
30         style>
31         
32         <link rel="stylesheet" type="text/css" href="style/next.css" />
33     head>
34     <body>
35         
36         <div  id = "box">这是一个盒子div>
37         <div  id = "box2">这是一个盒子div>
38         <div  style = "color:green;" >这是一个盒子div>
39         <div class = "box3">这是一个boxdiv>
40         
41         <p id="p1">这是p1p>
42         <div id="p1">这是p2div>
43         <p id="p1">这是p3p>
44         <p id="p1">这是p4p>
45         
46         <p >这是p1p>
47         <p >这是p2p>
48         <p >这是p3p>
49         <p >这是p4p>
50     body>
51 html>

 

转载于:https://www.cnblogs.com/qinqin-me/p/11238172.html

你可能感兴趣的:(CSS-02-css的三种基础选择器)