Web前端 day02

1、標題實現

1.標籤選擇器

特性：給當前網頁中全部該標籤增長相同的樣式
書寫方法：
結構：不須要在標籤上作任何事
樣式：標籤名{這裏放css樣式}

2.class選擇器

特性:1.class命名能夠在當前頁面中屢次出現
2.開頭不可使用數字
3.不容許出現特殊字符，-_ 除外
4.不使用中文

注意：一個元素能夠添加多個class，以空格進行間隔

3.經常使用css屬性

• width(寬)、height(高):屬性值爲數值時，必須給屬性加上單位，px
• font-family(字體)："字體1","字體2"：
  -中文經常使用：微軟雅黑（默認）、宋體（中文必須寫在引導內）
  -英文經常使用：Arial、Helvetica
  -首選字體放在前面，備選字體放在後面
  -字體爲宋體時，文字右邊有1px的間距
• font-size：字體大小
  -屬性值爲數值時，必須給屬性值加上單位，屬性值爲0除外
  -單位還能夠爲px、pt、em,0.75pt=1px
  -爲了減小系統間的字體顯示差別，共同肯定16px/ppi爲標準字體大小默認值，即1em，默認狀況下1em=16px
  -谷歌最小顯示字體爲12px,小於12px的,按照12px顯示
  解決方案:截圖,做爲圖片顯示
• color（文字顏色）
  屬性值：關鍵詞、RGB、十六進制顏色值
• font-weight（字體加粗）
  font-weight:(字體加粗):normal/bold/bolder/100-900
  -bold和bolder都表示加粗，但通常瀏覽器對他們區別不明顯
  -在css規範中將字體分爲9個等級，分別從100-900，其中100對應最輕的字體變形，而900對應最重的字體變形
  -normal 正常字體，至關於number爲400，bold加粗至關於number爲700
  -100-500常規字體，600-900加粗字體
• letter-spacing（字間距）
  letter-spacing（字間距）：具體數值
  -空格一樣也是字符，因此也會有字間距
• text-align（文本對齊）
  -left
  -right
  -center

4.列表標籤類

• 有序列表
  

• 無序列表
  

• 自定義列表
  

3.img