首頁 > web前端 > css教學 > 主體

最簡潔的CSS學習筆記

小云云
發布: 2017-12-12 13:59:46
原創
4419 人瀏覽過

css是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的子集)等檔案樣式的電腦語言。 CSS不僅可以靜態修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。 CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支援幾乎所有的字體字號樣式,擁有對網頁物件和模型樣式編輯的能力。

1.通用屬性


  1. #name:名稱,可以重複,可以一樣;

  2. class:類別名,可以重複,也可以擁有多個,給CSS用的;如

    ;


#id:唯一標示,不能重複,一般多用在JavaScript中;命名規則與其他語言的標示命名規則一樣;
  1. title:標題,可以在標籤中添加;如;

  2. #2.標籤關係


  1. 後代關係:父子關係(包含關係);

  2. 兄弟關係:同父關係;
  3. 3.CSS-層疊樣式表

  4. CSS註解:/註解內容寫在這裡,給程式設計師看,頁面上不顯示

    /;

#CSS語法規則:所有符號都以英文輸入法狀態下輸入,要小寫,大括號裡寫屬性,每條屬性語句都以分號結束,屬性值要帶像素單位(px);格式:屬性:屬性值;
  1. 4.CSS的引入方式

  2. #行內引入:在標籤中加樣式的引入方式;格式:<標籤style="background:red; font-size:20px;">內容;
  3. 注意:程式碼可維護性極差,CSS程式碼與html結構沒有實現分離;影響的範圍只在目前標籤;
內嵌引入:在網頁頭部加