目錄
注意:程式碼可維護性比較差,沒有實作CSS程式碼與HTML結構分離,影響範圍只在目前頁面;
7.元素包含(顯示方式的分類)
9.CSS的三大特性
10.补充知识笔记
11.标准流:块级元素独占一行显示;标准流的显示方式:元素默认的显示方式
12.浮动:浮动用来解决文字图片环绕问题;用来制作导航栏,网页布局
13.定位:方位:left、right、top、bottom
首頁 web前端 css教學 最簡潔的CSS學習筆記

最簡潔的CSS學習筆記

Dec 12, 2017 pm 01:59 PM
css 筆記

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結構沒有實現分離;影響的範圍只在目前標籤;
內嵌引入:在網頁頭部加