CSS樣式規范
1.類選擇器
2.標簽選擇器
3.id選擇器
4.CSS樣式的子選擇器
類選擇器
1.必背的固定結構，成為CSS樣式標記。所有的樣式都可以寫成CSS樣式的標記中
<style type="text/css">
</style>
2. type=“text/css” 意思是聲明這個標記是css樣式類型
type：類型的意思
text：文本的意思
css：疊層樣式表
3.類選擇器語法格式 .類名 （點加類名）
寫的位置：在css樣式的標記中
調用方法在HTML標簽內部寫上 class=類名
4.命名規范
建議是純字母或字母后面加數字，請勿數字開頭，其它雖然可以使用請問使用
5.為什么要把行內的css提取到css的標記中
優點一：保持HTML的層次清晰，方便檢測錯誤
優點二：可以重復使用css樣式
XML/HTML Code復制內容到剪貼板
- <!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樣式的標記中
調用方法在HTML標簽內部寫上 id="ID名稱"
2. 命名規范
同類上一節的類名一樣的道理
3. 為什么要把行內的CSS提取到CSS的標記中
優點一：保持HTML的層次清晰，方便檢測錯誤
優點二：區分優先級，如果需要復用請選擇類選擇器
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。