1.概述：
1）層疊樣式表
2）用來美化和布局頁面的一種語言，配合html一起使用
3）可以寫在html裡，也可以寫在字尾名為
.css
的檔案裡
4）使用瀏覽器來「解釋和執行」
5）實現樣式與內容的分離，方便團隊開發提高效率；提高效率；實現頁面精確控制
2.用途：
1）美化外觀
2）布局、定位
3.基本語法1）
2.外部樣式表：
1）分別定義css和
html
檔案，樣式和內容徹底分離，多個頁面可共享同一
css
2）檔案」 type=」text/css」>
3.行內樣式
1）《標籤
style=」樣式」>標籤
>
4.樣式的優先順序
1）各類樣式有繼承：由高到低，近者優先
2）各類樣式的優先順序：行內樣式》內部樣式
>
外部樣式
>
瀏覽器預設樣式
選擇器優先順序：id選擇器
>
類選擇器
>
標籤選擇器
1.典型的區域性布局
1）div-u(o)l-li：常用於分類導航或選單等場合；
2）div-dl-dt-dd：常用於**混編場合
3）table-tr-td：常用於顯示資料和頁面規整的場合
4）form-table-tr-td：常用於布局表單的場合
2.div-u(o)l-li
1）實現思路：布局結構分析、css樣式分析
2）**參差並列結構
列表樣式：去除
右對齊：float
調整文字對齊和間距
3）步驟：先建立
html
標籤組織結構，建立
css樣式表，之一新增各類樣式表，測試樣式細節
3.div-dl-dt-dd：
1）實現思路：布局結構分析，css樣式分析
2）**混編結構 dl做容器結構
dt放
dd放文字
調整文字樣式
3）步驟：建立html標籤組織結構，建立
css樣式表，逐一新增各類樣式表，測試樣式細節
1.如何復用
css**：抽取重複**建立類
Web學習筆記 CSS 一 CSS 基礎
本文參考 w3school 簡介 層疊次序 樣式表優先順序 內聯樣式 在 html 元素內部 內部樣式表 位於 標籤內部 外部樣式表 瀏覽器預設設定 如果有多個樣式表時，瀏覽器會按上述順序進行使用樣式表，優先順序高的沒有才會使用優先順序低的 通過乙個例子來介紹css語法 將 h1 元素內的文字顏色定...
CSS基礎學習筆記
個人理解 距被控制的元素越近，優先順序越高 css基礎語法 選擇器 即需要改變樣式的 html 元素宣告 屬性和值 即css 規則格式為 selector property value porperty2 value 值的不同寫法和單位 值為單詞 風格 空格和大小寫 css高階語法 繼承及其問題 擺...
CSS基礎學習筆記
1.css樣式優先順序 元素上的樣式 style中嵌入的樣式 外部樣式檔案，其實不太準確，應當是當嵌入式出現在外部樣式的後面時，按照style出現的順序來渲染的，後面出現的會覆蓋前面的。同乙個樣式檔案中，元素選擇器越精確優先順序越高，id選擇器 100 類選擇器 10 元素選擇器 1 根據權值 累計...