position定位
absolute:絕對定位
static:自動定位
relative:相對定位
fixed:固定定位
z-index層疊性的優(yōu)先級
css的背景
background-image:url(img/文件路徑);背景圖
background-repeat:no-repeat; 照片不重復,只顯一張
(repeat-x;橫向重復,repeat-y;縱向重復)
background-repeat:repeat;平鋪所有圖片
background-attachment照片是否按照滾動條滾動還是默認不動
background-attachment:fixed;默認,背景圖不隨著滾動條變化
scroll;隨鼠標滾動而滾動
background-position;背景圖片位置設置
background-position:left bottom;圖片在左邊 底部
background-position:0 50px; 橫向 縱向(x,y)
background: 顏色 圖片路徑 平鋪設置 背景圖是否發(fā)生滾動 背景位置;
background yellow url(圖片路徑) no-repeat 20px 10px;
樣式后面加: hover{ background-image:url (圖片路徑);
display:inline-block;行內(nèi)塊級標簽
*display:inline;只有ie6和7識別
letter-spacing:-3px;間距減少
margin-left:auto;外邊距自動適應
i標簽插入樣式可以設置屬性行內(nèi)快和背景圖放icon圖標
vertical-align:middle;和display:inline-block;配合使用可以控制i
標簽上下移動,可以排除其他行內(nèi)標簽的變動;
display:none;直接刪除屬性
overflow:hidden;超出部分隱藏
visibility:hidden;隱藏屬性;
css內(nèi)容移除某個區(qū)域:
text-index:-2000em;
使用擠盒子方法 ,父子盒子 用內(nèi)邊距或者外邊距和overflow:hidden;隱
藏多的內(nèi)容
滑動門:利用2個圖片浮動來解決背景的圖的拉長。
或者利用3張背景圖來制作。
解決inline-block行內(nèi)快的空隙:
1.用div:font-size=0方法;() 行內(nèi)屬性再加font-size字體大小
2.使用html注釋消除空除法;直接去處行內(nèi)屬性之間編輯的空格
3.可以使用float方法
4.可以用letter-spacing或者 word-space
css圓角化:
border-radius:5px;? 盒子四角圓角
table盒子
boder-collapse:collapse;table盒子tr+td合并 顯示