補充:CSS選擇器樣式的規範!
阿新 • • 發佈:2018-11-11
css----頁面樣式,美化頁面
css樣式的三個規則
1內聯式:直接寫在html標籤中 <p style="color:red"> 直接對html標籤使用 style屬性 語法:style=“樣式:值 樣式:值”
優點:操控精準 缺點:不靈活,程式碼
2嵌入式:在<style>標籤內給標籤css樣式 在head標籤內 <style type=text/css>
優點:程式碼精簡 缺點:控制不靈活
3外部式;建立單獨的 .css檔案 使用<link>標籤將css樣式檔案連結到HTML檔案內,如下面程式碼:
<head><link href="base.css
優點:程式碼精簡 缺點:控制不靈活
優先級別:內聯>內嵌>@import匯入>引入 內聯>#>類,複合>匯入
1. 內聯樣式表的權值最高 1000;
2. ID 選擇器的權值為 100
3. Class 類選擇器的權值為 10
4. HTML 標籤選擇器的權值為 1
常用選擇器
1普通選擇器:E{。。。}
2類選擇器:.
3id選擇器:#id名{......}用id引用類名
4複合選擇器:逗號(,)並列關係 空格( )表後代 篩選 :標籤名.class名或#id名(沒用弱雞)
相鄰(+)