CSS學習要點

目標

掌握CSS基本語法,瞭解如何應用CSS到Html元素上並能熟練使用CSS進行元素佈局。css

要點

  1. CSS基本概念、存在的意義html

    CSS 指層疊樣式表 (Cascading Style Sheets),定義瞭如何顯示HTML元素;CSS出現解決了內容與表現分離的問題,極大提升工做效率。瀏覽器

  2. 定義樣式信息的多種方式以及優先級佈局

    • 瀏覽器缺省設置
    • 外部樣式表(樣式信息存放在外部某個文件中)
    • 內部樣式表(定義在head標籤內部的樣式信息)
    • 內聯樣式(直接在HTML元素中使用style來設置樣式信息)

    它們的優先級依次從低到高,也就是說內聯樣式擁有最高的優先權。字體

  3. CSS語法:3d

    由兩個主要部分構成:選擇器以及一條或多條聲明,選擇器一般是您須要改變樣式的 HTML 元素。每條聲明由一個屬性和一個值組成。htm

    selector {declaration1; declaration2; ... declarationN }
    

  4. 基本CSS樣式:blog

    • 背景(background)
    • 字體(font)
    • 連接(a)
    • 前景色(color)
    • 定位:絕對定位、相對定位,浮動
    • 尺寸(size)
    • 框模型資源

  5. 選擇器種類:元素選擇器類選擇器ID選擇器屬性選擇器後代選擇器子元素選擇器相鄰元素選擇器
  6. 選擇器的優先級(Advanced)(根據本身狀況,選擇性瞭解)

參考資源

  1. W3school
相關文章
相關標籤/搜索