一货岭,內(nèi)容居中
如果想讓一個(gè)盒子在頁面中居中顯示路操,可將left-margin 和 right-margin屬性值設(shè)置為auto疾渴。
為了能夠讓舊瀏覽器也能實(shí)現(xiàn)居中,我們需要t添加text-align:center屯仗。
二搞坝,內(nèi)聯(lián)元素與塊級(jí)元素的轉(zhuǎn)換
display屬性允許將一個(gè)塊級(jí)元素和內(nèi)聯(lián)元素進(jìn)行轉(zhuǎn)換
1.display:inline
該屬性允許將一個(gè)塊級(jí)元素表現(xiàn)得像內(nèi)聯(lián)元素
2.display:block
該屬性允許將一個(gè)內(nèi)聯(lián)元素表現(xiàn)得像一個(gè)塊級(jí)元素
3.display:inline-block
該屬性允許一個(gè)塊級(jí)元素像內(nèi)聯(lián)元素那樣浮動(dòng)并保證其他的塊級(jí)元素地 特征
4.display:none
該屬性將一個(gè)元素從頁面上隱藏
三,盒子的隱藏
visibility屬性允許隱藏盒子魁袜,但他保留了元素原本占用的空間桩撮。
1.visibility:hidden
該屬性用于隱藏元素,隱藏的元素原本占有的空間將會(huì)顯示為空白峰弹。
2.如果不想留空白店量,應(yīng)該使用我們上明講到的display:none屬性。
四鞠呈,CSS3邊框圖像
border-image
五融师,CSS3盒子的投影
box-shadow屬性允許我們?cè)诤凶又車黾油队啊J褂迷搶傩詴r(shí)的值應(yīng)該至少包含下面前兩項(xiàng)的值和一個(gè)顏色值蚁吝。
1.水平偏移:負(fù)值表示將陰影置于盒子的左側(cè)旱爆。
2.垂直偏移:負(fù)值表示將陰影置于盒子的上方。
3.模糊距離:如果省略改值窘茁,陰影會(huì)顯示為實(shí)邊怀伦,就像邊框一樣。
4.陰影擴(kuò)展:如果使用該值庙曙,正值會(huì)使陰影向四周延伸空镜,負(fù)值則會(huì)使陰影收縮。