css的選擇器:1.基本選擇器 2.高級選擇器
?
基本選擇器包含:
1.標簽選擇器
標簽選擇器可以選中所有的標簽元素,比如div,ul,li ,p等等,不管標簽藏的多深,都能選中,選中的是所有的,而不是某一個,所以說 "共性" 而不是 ”特性“
body{color:gray;font-size: 12px;
}
/*標簽選擇器*/
p{color: red;
font-size: 20px;
}
span{color: yellow;
}
2.id選擇器
# 選中id
同一個頁面中id不能重復。
任何的標簽都可以設置id?
id命名規范 要以字母 可以有數字 下劃線 - 大小寫嚴格區分 aa和AA是兩個不一樣的屬性值
1 #box{2 background:green;3 }4 5 #s1{6 color: red;7 }8 9 #s2{
10 font-size: 30px;
11 }
?
3.類選擇器
3.1 所謂類 就是class . class與id非常相似 任何的標簽都可以加類但是類是可以重復,屬于歸類的概念。
3.2 同一個標簽中可以攜帶多個類,用空格隔開
類的使用,能夠決定前端工程師的css水平到底有多牛逼?
答案:一定要有”公共類“的概念
1 .lv{2 color: green;3 4 }5 .big{6 font-size: 40px;7 }8 .line{9 text-decoration: underline;
10 }
?
1 <!-- 公共類 共有的屬性 --> 2 <div> 3 <p class="lv big">段落1</p> 4 <p class="lv line">段落2</p> 5 <p class="line big">段落3</p> 6 </div> 7
?
總結:
- 不要去試圖用一個類將我們的頁面寫完。這個標簽要攜帶多個類,共同設置樣式
- 每個類要盡可能的小,有公共的概念,能夠讓更多的標簽使用
玩好了類 就等于玩好了css中的1/2
到底使用id還是用class?
答案:盡可能的用class。除非一些特殊情況可以用id
原因:id一般是用在js的。也就是說 js是通過id來獲取到標簽
?