1. 程式人生 > >html_css_網頁佈局

html_css_網頁佈局

1.css選擇符命名規則

        關於CSS命名法,和其他程式命名一樣,分為          :駝峰,帕斯卡,匈牙利法

     駝峰命名法:除第一個單詞首字母小寫外,其餘所有單詞首字母都大寫

     帕斯卡命名法:與駝峰相似,區別就是所有單詞首字母都大寫

     匈牙利命名法:是需要在名稱簽名加上一個或多個字母作為字首

2.公司都有命名規範文件

3.css選擇符

選擇符的作用?指定css樣式作用的物件(範圍)

  1. 標籤選擇符,針對html標籤、
  2. Id選擇符,針對頁面中只出現一次的內容,id
  3. 類選擇符,針對某些元素,相同的樣式,重複樣式

補充:控制所有元素----使用萬用字元,就是*,作用式給所有的html元素

注意:*的作用範圍很廣,但是它的效率最低,慎用!!!

  1. 選擇符的巢狀----包含選擇符

如果我們針對某個元素中的組元素進行控制,可以使用巢狀的方式,不必再為子元素設定id

語法:

父元素 子元素{屬性:值}

5.選擇符分組(機體控制):將同樣的樣式定義用於多個選擇符,選擇符之間用逗號分割,如:

p,div,.warning,{屬性:}

6.標籤指定式選擇符:如果既想用idclass,也想同時使用標籤選擇符

如:h1#content{}表示針對所有idcontenth1標籤

       H1.p1{}表示針對所有classp1h1標籤

7.組合選擇符:將以上選擇符進行組合使用

如:

h1.p1,#content h1{}

針對類為p1h1標籤和idcontenth1標籤進行設定樣式.