z-inlin?可以提升定位元素所在的層級(jí)寞埠;對(duì)于沒有開啟的時(shí)候不能用z-inline;
z-index可以指定一個(gè)整數(shù)作為參數(shù),值越大元素顯示的優(yōu)先級(jí)越高焊夸,也就是z-index?值較大的元素會(huì)顯示在網(wǎng)頁(yè)的最上層仁连;
透明度的問題?:?0?表示完全透明;???1表示不透明阱穗;
background-color????背景顏色
background-color屬性用來為元素設(shè)置背景顏色饭冬。
需要指定一個(gè)顏色值,當(dāng)指定了一個(gè)顏色以后揪阶,整個(gè)元素的可見區(qū)域都會(huì)使用這個(gè)?顏色作為背景色昌抠。?如果不設(shè)置背景顏色,元素默認(rèn)背景顏色?為透明鲁僚,實(shí)際上會(huì)顯示父元素的背景顏色炊苫。
background-image????背景圖片
background-image可以為元素指定背景?圖片,和background-color類似冰沙,這里使用的是一個(gè)圖片作為背景侨艾。???????????????????????一個(gè)url地址作為參數(shù),url地址需要指向一個(gè)外部圖片的路徑
例如:background-image:?url(1.jpg)
background-repeat????背景圖片的重復(fù)
background-repeat用于控制背景圖片的重復(fù)方式拓挥。如果只設(shè)置背景圖片默認(rèn)背景圖片將會(huì)使用平鋪的方式唠梨,可以????????????????通過該屬性進(jìn)行修改。
repeat:默認(rèn)值侥啤,圖片左右上下平鋪
no-repeat:只顯示圖片一次当叭,不會(huì)平鋪
repeat-x:沿x軸水平平鋪一張圖片
repeat-y:沿y軸水平平鋪一張圖片
background-position?????背景的起始位置
background-position用來精確控制背景?圖片在元素中的位置「蔷模可以通過三種方式來確定圖片在水平方向?和垂直方????????????????????????????向的起點(diǎn)蚁鳖。
關(guān)鍵字:top?right?bottom?left?center????????????百分比??????????????????數(shù)值
如果只給一個(gè)值的話,第二個(gè)會(huì)默認(rèn)為center,
background-attachment?????用來設(shè)置背景圖片是否隨頁(yè)面滾動(dòng)
scroll:隨頁(yè)面滾動(dòng)????????????fixed:不隨頁(yè)面滾動(dòng)
雪碧圖的特點(diǎn)?:?可以吧多張圖片整合到一張圖片上糠雨,提高用戶的訪問效率才睹。
background是背景的簡(jiǎn)寫屬性
可以一次性設(shè)置多個(gè)樣式徘跪,而且樣式的順序沒有要求甘邀。
CSS?Sprites是一種網(wǎng)頁(yè)圖片應(yīng)用處理方式。
通過這種方式我們可以將網(wǎng)頁(yè)中的零星圖?片集中放到一張大圖上垮庐。
這樣一來松邪,一次請(qǐng)求便可以同時(shí)加載多張圖片,大大提高了圖片的加載效率
表格????格式化的數(shù)據(jù)哨查;
使用?table??標(biāo)簽創(chuàng)建一個(gè)表格逗抑。
tr??表示表格中的一行。
tr??中可以編寫一個(gè)或多個(gè)?或?
th?表示表頭。
td??表示表格中的一個(gè)單元格邮府。
在?body??標(biāo)簽里面寫?table?????tr?行???荧关,一行里有一對(duì)??tr????td???列;
使用?td?來創(chuàng)建單元格褂傀;
可以在?table??里面寫?border????例如?:??table?boder="1"
想要有幾行就用?tr????????有幾個(gè)?dt??就有幾個(gè)單元格忍啤;???????align???對(duì)齊;
caption表示表格的標(biāo)題仙辟。
thead表示表格的頭部同波。
tbody表示表格的主體。
tfoot表示表格的底部叠国。
合并單元格指將兩個(gè)或兩個(gè)以上的單元格?合并為一個(gè)單元格未檩。
合并單元格可以通過在th或td中設(shè)置屬性?來完成。
橫向合并????colspan????????縱向合并????rowspan
text-align:設(shè)置文本的水平對(duì)齊粟焊。
vertical-align:設(shè)置文本的垂直對(duì)齊冤狡。
可選值:top、baseline项棠、middle筒溃、bottom
border-spacing:邊框間距
border-collapse:合并邊框
collapse:合并邊框
separate:不合并邊框
表格是對(duì)頁(yè)面進(jìn)行布局的;
在表格中如果沒有寫??thead?沾乘,他會(huì)默認(rèn)給你放入tbody里面怜奖;
作者:shuffle笑
鏈接:http://www.reibang.com/p/72e609625e51
來源:簡(jiǎn)書
簡(jiǎn)書著作權(quán)歸作者所有,任何形式的轉(zhuǎn)載都請(qǐng)聯(lián)系作者獲得授權(quán)并注明出處翅阵。