1经备、text-align: center的作用是什么,作用在什么元素上部默?能讓什么元素水平居中
- text-align:center作為HTML元素屬性主要用來(lái)使文本水平居中侵蒙,text-align屬性只針對(duì)文本文字和img標(biāo)簽,作用在block元素上傅蹂,可以讓塊級(jí)元素(block)內(nèi)的inline和inline-block元素水平居中
2纷闺、IE 盒模型和W3C盒模型有什么區(qū)別?
IE盒模型的寬高包含:content、padding份蝴、border
W3C盒模型的寬高:content
3犁功、*{ box-sizing: border-box;}的作用是什么?
指定所有元素的的盒模型為IE盒模型標(biāo)準(zhǔn)婚夫,若設(shè)置border-box浸卦,實(shí)際所占寬高度=設(shè)置height/width + margin(外邊距)
4、line-height: 2和line-height: 200%有什么區(qū)別?
line-height:2 //本身文字位置占據(jù)高度的兩倍
line-height:200% //繼承父元素文字高度的兩倍请敦,一般為瀏覽器默認(rèn)文字大小font-size
5镐躲、inline-block有什么特性?如何去除縫隙侍筛?高度不一樣的inline-block元素如何頂端對(duì)齊?
特性:既有inline特性(不占據(jù)一整行,寬度由內(nèi)容寬度決定)撒穷,又有 block特性(可設(shè)置寬高匣椰,內(nèi)外邊距)
去除縫隙:可先將具有inline-block特性的元素標(biāo)簽加一個(gè)空的div塊包裹,將其font-size設(shè)置為0端礼,同時(shí)在將inline-block對(duì)應(yīng)的元素標(biāo)簽字體在css中恢復(fù)原來(lái)樣式禽笑,這樣可以巧妙的出去兩個(gè)inline-block之間的空字符所產(chǎn)生的間隙
頂端對(duì)齊:添加CSS樣式vertical-align:top;
6、CSS sprite 是什么?
- CSS小精靈圖標(biāo)或雪碧圖:將一些小的圖標(biāo)或者精靈放在一張圖片上蛤奥,通過(guò)對(duì)background-position的設(shè)置佳镜,達(dá)到切換不同小圖片的目的,同時(shí)可以減少網(wǎng)絡(luò)請(qǐng)求凡桥,提高網(wǎng)頁(yè)加載性能
7蟀伸、讓一個(gè)元素"看不見(jiàn)"有幾種方式?有什么區(qū)別?
讓一個(gè)元素“看不見(jiàn)”即為透明,從這個(gè)方向上考慮有以下4中方式啊掏,其中0~1表示透明度蠢络,0為全透明,1表示全不透明
- opacity: 0 ; //透明度為0迟蜜,原來(lái)位置的事件連接還在
- visibility: hidden; //與opacity:0 類似刹孔,但是原來(lái)位置上事件連接不在了
- display:none; //內(nèi)容完全沒(méi)有消失,不占用位置
- background-color: rgba(0娜睛,0髓霞,0,0) /raba中最后一個(gè)a字母對(duì)應(yīng)數(shù)值表示透明度畦戒,只是背景色透明