1.列表（li）常用屬性
（1）列表樣式list-style
none： 不使用專案符號
disc： 實心圓
circle： 空心圓
square： 實心方塊
decimal： 阿拉伯數字
lower-roman： 小寫羅馬數字
upper-roman： 大寫羅馬數字
lower-alpha： 小寫英文本母
upper-alpha： 大寫英文本母
（2）列表屬性典型運用：導航選單
ulli
（3）列表文字位置 list-position
outside： 列表專案標記放置在文字以外，且環繞文字不根據標記對齊
inside： 列表專案標記放置在文字以內，且環繞文字根據標記對齊
2.超連結樣式
必須按順序來 lvha
3.盒子模型
(1) margin外邊距： margin-top、margin-right、margin-bottom、margin-left
直接運用margin時：
如果提供全部四個引數值，將按上、右、下、左的順序作用於四邊。
如果只提供乙個，將用於全部的四邊。
如果提供兩個，第乙個用於上、下，第二個用於左、右。
如果提供三個，第乙個用於上，第二個用於左、右，第三個用於下。
margin: 0px auto; 居中顯示,螢幕變化時也居中顯示
（2）border 邊框 border：大小 樣式 顏色；大小樣式顏色的順序可以隨機
樣式：hidden： 隱藏邊框。ie7及以下尚不支援
dotted： 點狀輪廓。ie6下顯示為dashed效果
dashed： 虛線輪廓。
solid： 實線輪廓
double： 雙線輪廓。兩條單線與其間隔的和等於指定的 border-width值
groove： 3d凹槽輪廓。
ridge： 3d凸槽輪廓。
inset： 3d凹邊輪廓。
outset： 3d凸邊輪廓。
(3)padding 內邊距 padding-top、padding-right、padding-bottom、padding-left
用法與margin相似
（4）**盒模型
margin padding border都會影響頁面布局,content不變實際寬度為：在content的基礎上加上margin border或padding。
解決方法:**盒模型方法border-box 新增padding或者border不會影響頁面布局，只會擠壓頁面內容content，但margin還會擠壓頁面
H5基礎知識第七課時（CSS）
1.margin摺疊 結論 1 垂直排放的盒子，垂直間距是合併的 取最大值 2 水平排放的盒子，水平間距是margin的累加 3 margin摺疊只發生在塊級元素上 4 浮動元素的margin不與任何margin發生摺疊 5 設定了屬性overflow且值不為visible的塊級元素，將不與它的子元...
H5基礎知識第八課時（flex布局）
flex布局 box 容器屬性 1 flex direction屬性決定主軸的方向 即專案的排列方向 row 預設值 主軸為水平方向，起點在左端。row reverse 主軸為水平方向，起點在右端。column 主軸為垂直方向，起點在上沿。column reverse 主軸為垂直方向，起點在下沿。2...
H5基礎第五課時CSS篇（1）
一.css基本語法 1.css的寫法 分三類 1 行內樣式 樣式只在當前標籤可用，寫法比較繁瑣，這種寫法要極力避免。電腦1元起 2 內部樣式 樣式只在當前頁面可用，比行內寫法要好一些，缺點 無法做到多個頁面共用乙個樣式 電腦1元起 3 外部樣式 推薦寫法！樣式可以復用。做到了樣式和檔案的分離。電腦1...