文字樣式
text-decoration: underline
text-decoration: overline;
注：兩者同時存在執行後一條，text-decoration: underlineoverline;全部執行，沒有順序
text-transform:文字的變形，大小寫
字元間距
word-spacing
letter-spacing
文字對齊方式
text-align：justify兩端對齊
首行縮排
text-indent:2em 正負值
盒子模型
分為：內邊距、內容區、邊框、外邊距
盒子樣式練習：
練習：邊框左右上為20px，下為30px
練習：左右上有邊框，下無邊框
內邊距
padding: 20px
外邊距
margin-left: auto;
margin-right: auto;
顯示：左右相同
水平設定哪個auto就是最大
垂直為0
瀏覽器預設樣式
正常情況下不用。編寫之前去除
margin:0;
padding:0;
內聯元素的盒模型
注：1、不可設定寬和高
2、內聯元素可以設定水平、垂直方向的內邊距，垂直內邊距不會產生
3、內聯元素可設定邊框
4、外邊距只支援水平
overflow
子元素超過父元素會在以外顯示，溢位
overflow：處理溢位的內容
浮動float: right;
注：1、 不會超過塊元素，父元素
2、 浮動元素會環繞周圍，不會被覆蓋
3、 塊元素脫離文件流之後內容都被撐開
高度塌陷
bfc：預設關閉。
開啟後：
1、 父元素垂直外邊距不會和子元素重疊
2、 開啟後的不會被浮動元素覆蓋
3、 父元素可以包含浮動的子元素
如何開啟：
1、 設定元素浮動
2、 元素絕對定位
3、 inline-block
4、 將元素的overflow設定為非visible的值 注：ie6中的has layout和overflow類似，zoom設定為1即可
注：最好兩種都寫
解決高度塌陷的最終方案（不熟悉）
二、塌陷的父元素後直接加乙個空白的div，然後進行清除浮動
注：會有多餘的結構
三、通過after偽類向元素的最後新增乙個空白的塊元素，然後清除。
.box:after{
display:block;
clear:both;
注：ie6中
clear-fix：{
zoom：1；
CSS樣式 盒模型
盒模型 border top border right border bottom border left margin top margin right margin bottom margin left margin 20px auto 40px 第乙個盒子與頂端相距20畫素，左右居中，第二個盒...
CSS 樣式（背景 文字 字型 盒模型）
一 盒模型 盒模型就乙個盒子，在頁面上用html和css 生成，在預設的情況下，我們是看不到盒模型的，因為它是處於透明狀態，看不到它是什麼模樣，而盒模型是通過邊框來顯示 什麼是邊框？它是乙個屬性，它分別有三個值 margin border padding 另外還有對於盒模型一些其他設定，比如top ...
css 盒模型新增樣式
box shadow 以逗號分割列表來描述乙個或多個陰影效果，可以用到幾乎任何元素上。如果元素同時設定了 border radius 陰影也會有圓角效果。多個陰影時和多個 text shadows 規則相同 第乙個陰影在最上面 預設值 none 不可繼承 值 inset 預設陰影在邊框外。使用ins...