1. 程式人生 > >補充:CSS選擇器樣式的規範!

補充:CSS選擇器樣式的規範!

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

rel="stylesheet">  </head> 紅色是固定的寫法 link標籤不在<style>標籤內

優點:程式碼精簡 缺點:控制不靈活

優先級別:內聯>內嵌>@import匯入>引入 內聯>#>類,複合>匯入

 1.  內聯樣式表的權值最高 1000;

2.  ID 選擇器的權值為 100

3.  Class 類選擇器的權值為 10

4.  HTML 標籤選擇器的權值為 1


 

常用選擇器

1普通選擇器:E{。。。}

2類選擇器:.

class名{......}【E】表示有效的html標籤 用class引用類名

3id選擇器:#id名{......}用id引用類名 

4複合選擇器:逗號(,)並列關係 空格( )表後代 篩選 :標籤名.class名或#id名(沒用弱雞)

相鄰(+)