3月23日學習所得

1. font-family

font-family 可以把多個字體名稱作爲一個“回退”系統來保存。如果瀏覽器不支持第一個字體,則會嘗試下一個。也就是說,font-family 屬性的值是用於某個元素的字體族名稱或/及類族名稱的一個優先表。瀏覽器會使用它可識別的第一個值。

寫法形如:font-family: “Segoe UI”,”Lucida Grande”;

2. nth-child(n)

選擇器匹配屬於其父元素的第 N 個子元素,不論元素的類型,其中n 可以是數字、關鍵詞或公式。

實例:
odd 和 even 是可用於匹配下標是奇數或偶數的子元素的關鍵詞(第一個子元素的下標是 1)。
在這裏,我們爲奇數和偶數 p 元素指定兩種不同的背景色:

p:nth-child(odd)
{
background:#ff0000;
}
p:nth-child(even)
{
background:#0000ff;
}

前面的p可換成符合定義的選擇器的內容。

CSS選擇器展開講就有:

  • 元素選擇器
  • 類選擇器
  • ID選擇器
  • 屬性選擇器
  • 後代選擇器
  • 子元素選擇器
  • 相鄰兄弟選擇器

jQuery選擇器展開講就有:

  1. 基本選擇器(元素,ID,類)
  2. 層次選擇器(後代,子元素(直接子元素),相鄰兄弟(緊接着的下一個),元素之後(~))
  3. 過濾選擇器

3.table-condensed

bootstrap中的表格類,讓表格更加緊湊,單元格中的padding減半。

4.flat-tab

定義在ul後的一個類,效果形如將添加一個灰色背景陰影帶。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章