CSS樣式規(guī)范
1.類選擇器
2.標簽選擇器
3.id選擇器
4.CSS樣式的子選擇器
類選擇器
1.必背的固定結(jié)構(gòu)，成為CSS樣式標記。所有的樣式都可以寫成CSS樣式的標記中
<style type="text/css">
</style>
2. type=“text/css” 意思是聲明這個標記是css樣式類型
type：類型的意思
text：文本的意思
css：疊層樣式表
3.類選擇器語法格式 .類名 （點加類名）
寫的位置：在css樣式的標記中
調(diào)用方法在HTML標簽內(nèi)部寫上 class=類名
4.命名規(guī)范
建議是純字母或字母后面加數(shù)字，請勿數(shù)字開頭，其它雖然可以使用請問使用
5.為什么要把行內(nèi)的css提取到css的標記中
優(yōu)點一：保持HTML的層次清晰，方便檢測錯誤
優(yōu)點二：可以重復使用css樣式
XML/HTML Code復制內(nèi)容到剪貼板
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>類選擇器</title>
- <style type="text/css">
- /*類選擇器*/
- .box{width: 200px; height: 50px; background-color: aqua;border: 10px salmon solid}
- </style>
- </head>
- <body>
- <div class="box"></div>
- <div class="box"></div>
- <div class="box"></div>
- </body>
- </html>
ID選擇器
1. ID選擇器的語法格式 #ID名稱
寫的位置：在CSS樣式的標記中
調(diào)用方法在HTML標簽內(nèi)部寫上 id="ID名稱"
2. 命名規(guī)范
同類上一節(jié)的類名一樣的道理
3. 為什么要把行內(nèi)的CSS提取到CSS的標記中
優(yōu)點一：保持HTML的層次清晰，方便檢測錯誤
優(yōu)點二：區(qū)分優(yōu)先級，如果需要復用請選擇類選擇器
【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外，其他素材未做測試，不保證完整性，網(wǎng)站上部分源碼僅限學習交流，請勿用于商業(yè)用途。如損害你的權益請聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。