background 是復合屬性
背景顏色：
background-color
背景圖片：
background-image：URL（圖片路徑）
鋪平的方式：
background-repeat：repeat-x叫胖；橫著平鋪，
repeat-y她奥；豎著平鋪
no-repeat 不平鋪
repeat 默認全屏平鋪
設置背景圖片大形驮觥：
background-size:200px; 150px; 不能加在復合屬性里
背景圖片定位移動：
background-position：100px 100px；
background-attachment：fixed哩俭；固定
scroll绷跑；默認
不能加在復合屬性里
設置圖片邊框
border-width(粗細)
border-style:solid dashed dotted double
實線 虛線框 點線框 (線型)
邊框的復合屬性:border:1px solid red;
定義列表樣式 去點
list-style-type：none 不顯示
disc 實心圓
circle 空心圓
square 正方形
dccimal 數字
upper-alpha 大寫字母
lower-alpha 小寫字母
upper-roman 大寫I樣式
lower-roman 小寫i樣式
盒模型
padding 內邊距
margin 外邊距
border 邊框
centent 內容
行內元素與塊級元素的區(qū)別：
1.塊級元素會獨占一行，其寬度自動填滿其父元素寬度凡资。
行內元素不會獨占一行砸捏，相鄰的行內元素
會排列在同一行里，知道一行排不了讳苦，才
會換行带膜，其寬度隨元素的內容而變化
2.塊級元素可以設置 width、height屬性行內元素設置
width鸳谜、height無效【注意塊元素即使設置寬度膝藕，仍然是獨占一行】
3.塊元素可以設置margin和padding
行內元素的水平方向的padding-left，
padding-right margin-left margin-right都產生邊距效果咐扭，
但豎有方向的margin-top芭挽，margin-bottom 都不會產生邊距效果 水平方向有效 豎直方向無效
display:inline-block 塊元素變內元素 不獨占一行
塊元素 內聯(lián)元素
1、獨占一行 1蝗肪、不獨占一行
2袜爪、可以設置寬高 2、不可以設置寬高
3薛闪、外內邊距都可以設置 3辛馆、內邊距可設，外邊距水平方向有效，豎直方向無效昙篙。
浮動：
當元素設置浮動屬性后腊状，會對相鄰的元素產生影響苔可，相鄰元素特指緊鄰后面的元素焚辅。
當元素沒有設置寬度值同蜻，而設置了浮動屬性乙濒，元素的寬度隨著內容的變化而變化颁股。
clear:both 清除浮動
overflow:hidden; 隱藏浮動
塊元素： 內聯(lián)元素： 塊元素居中方式甘有；margin：0 auto；
form span 父子外邊距合并 padding-top：有效 margin-top: 無效
td u
tr s
table i
ul a
li
<b>...</b> <strong>...</strong>
<i>...</i> <em>...</em>
<u>...</u> <strike>...</strike>
<s>...</s> <del>...</del>
Overflow屬性：
hidden 超出內容隱藏 visible 顯示超出內容也不添加滾動條滤愕。
auto 如果內容被修建，則瀏覽器會顯示滾動條以便查看其余的內容魂贬。
scroll 內容會被修建付燥，但是瀏覽器會顯示滾動條以便查看其余的內容。
relative:相對定位 --》相對自身原有的位置萝嘁。
absolute 絕對定位--》：相對于瀏覽器左上角的位置牙言。
z-index:100px; 增加層級優(yōu)先，
透明度 opacity:0.5
filter:alpha(opacity=50); /兼容ie6/
-webkif- 谷歌 -moz- 火狐 -O- 歐朋 -ms- IE瀏覽器
border-radius:10px; 圓角
position：static 靜態(tài)定位 默認屬性，按照標準流進行布局
position：fixed 固定定位 以瀏覽器窗口為基準進行定位
position：relative 相對定位
position：absolute 絕對定位
z-index：1000; 加層級的亿乳。
浮動對行內標簽影響葛假，float之后可以設置width和height屬性，并支持margin和padding屬性带斑。
float 對塊屬性標簽的影響 在沒有設置寬高的情況下浮動后勋拟，內容撐開寬度高度 可以使塊屬性并排排列
空標簽清楚浮動放大{clear:both}
使用overflow:hidden 清楚浮動發(fā)
使用偽類after 清楚浮動發(fā)
三角形
設置一個div 寬高為0 border-width：50px; border-color: transparent; border-top-color:red; border-style:solid;
