頁面美化和布局控制
概念：cascading style sheets 層疊樣式表
層疊：多個樣式可以作用在同乙個html的元素上，並且同時生效
好處：功能強大，將內容展示和樣式控制分離（降低耦合度，讓分工協作更容易，提高開發效率）
css的使用（css與html結合方式）：
1.內聯樣式：在標籤內使用style屬性指定css**
例：hello css
2.內部樣式：在head標籤內定義style標籤，style標籤的標籤體內容就是css**
例：3.外部樣式：定義css資源檔案，在head標籤內定義link標籤引入外部資源檔案
選擇器選擇器:篩選具有相似特徵的元素
注意： 屬性名與屬性值用冒號（：）隔開，每一對屬性需要使用分號（；）隔開，最後一對屬性可以不加分號
分類：基礎選擇器
1.id選擇器：選擇具體的id屬性值的元素，建議在乙個html頁面中id唯一
語法：#id屬性值{}
例：
#div1
語法：標籤名稱{}
例：
div
語法：.class屬性值{}
例：
.cla1
1.*選擇器：選擇所有元素
語法：*{}例：*
2.並集選擇器
語法：選擇器1，選擇器2{}
例：div,p
3.子選擇器：篩選選擇器1下的選擇器2元素
語法：選擇器1 選擇器2{}
例：div p
4.父選擇器:篩選選擇器2的父元素選擇器1
語法：選擇器1>選擇器2{}
例：div>p
5.屬性選擇器（一般用於input標籤）
語法：元素名稱[屬性名=』屬性值『]{}
例：input[type='text']
6.偽類選擇器：選擇處於特定狀態的元素（如標籤具有這些狀態：link初始化狀態，visited已訪問狀態，active正在訪問的狀態，hover滑鼠懸浮狀態）
語法：元素名稱：狀態{}
例：a:visited
font-size（字型大小）
文字color（文字顏色）
text-align（對齊方式）
line-height（文字行高）
背景background（復合屬性，設定物件的背景特性）
邊框border（復合屬性）
例：border: 1px red solid;
尺寸width（寬度）
height（高度）
盒子模型（頁面布局）
margin（外邊距）
padding（內邊距）
注意：預設情況下內邊距會影響整個盒子的大小
解決方法：設定盒子的屬性讓width和height就是盒子最終大小，box-sizing：border-box；
例：.cla1{
width: 200px;
height: 200px;
padding: 50px;
box-sizing: border-box;
float（浮動）：取值有left（左浮動），right（右浮動）
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS 學習筆記
當同乙個html元素被不止乙個樣式定義時，會使用哪個樣式呢？一般而言，所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中，其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此，內聯樣式 在html 元素內部 擁有最...