CSS 學習三

CSS 學習三

繼續

CSS Fonts

• font-family：指定字體

• font-size：字體大小

• font-style：字體樣式

  • normal：默認值
  • italic：斜體
  • oblique：斜體
  • inherit：繼承父元素

• font-variant：將小寫字母轉爲大寫，但是字體尺寸更小

  • normal：默認值，不做任何樣式調整
  • small-caps：小型大寫字母的字體
  • inherit：繼承父元素

• font-weight：字體的粗細

  • normal：默認
  • bold：粗體
  • bloder：更粗的粗體
  • lighter：更細的字體
  • 數字：400等於normal，700等於bold
  • inherit：繼承父元素

CSS Link

• a:link：未訪問鏈接
• a:visited：已訪問鏈接
• a:hover：鼠標移動到鏈接上
• a:active：鼠標點擊時

CSS 列表

• list-style-image：將圖像設置爲列表標誌
• list-style-position：標誌位置
  • outside：放置在文本以內，並環繞文本對齊
  • inside：放置文本左側（默認），列表項目標記放置在文本以外，且環繞文本不根據標記對齊
  • inherit：繼承父元素

盒子模型

封裝周圍的HTML元素，包括邊距、邊框、填充和內容

• Margin：外邊距，透明，用以清除邊框外的區域
• Boder：邊框
• Padding：內邊距，透明，用以清除內容周圍的區域
• Content：內容

CSS Border

• boder-style：設置四個邊框的樣式

  • none：無邊框，優先級最低，如果存在重疊邊框，會顯示爲其他邊框
  • hidden：無邊框，優先級最高，如果存在重疊邊框，則不顯示邊框
  • dotted：點狀
  • dashed：虛線
  • solid：實線
  • double：雙實線
  • groove：3D凹槽
  • ridge：3D壟狀
  • inset：陷入
  • ouset：突出
  • inherit：繼承父元素

• border-width：設置四個邊框的寬度

  • thin：細邊框
  • medium：中等邊框（默認）
  • thick：粗邊框
  • length：自定義值
  • inherit：繼承父元素

• boder-color：設置四個邊框顏色

  • color：指定顏色
  • transparent：透明（默認）
  • inherit：繼承父元素

• border-radius：外邊框圓角

瑞了瑞了，滿腦子英文單詞

美則美矣，未盡善焉😕😕😕

浪淘沙 歐陽修

把酒祝東風，

且共從容。

垂楊紫陌洛城東。

總是當時攜手處，

遊遍芳叢。

聚散苦匆匆，

此恨無窮。

今年花勝去年紅。

可惜明年花更好，

知與誰同？