text-align: center的作用是什么,作用在什么元素上?能讓什么元素水平居中
使文本水平居中潘酗。作用在行內(nèi)元素、塊級元素內(nèi)的文本上雁仲,也可以使行內(nèi)元素仔夺、inner-block元素水平居中。
IE 盒模型和W3C盒模型有什么區(qū)別?{ box-sizing: border-box;}的作用是什么攒砖?
IE盒模型的大小以border為界缸兔,W3C盒模型的大小以content為界。{ box-sizing: border-box;}可以強制使用IE盒模型祭衩,這有時能方便我們設(shè)置大小灶体。
line-height: 2和line-height: 200%有什么區(qū)別?
line-height是相對于字體大小的二倍;而line-height:200%是一個具體值掐暮,它會根據(jù)當(dāng)前元素字體大小蝎抽,計算出一個npx的值出來。
inline-block有什么特性?如何去除縫隙樟结?高度不一樣的inline-block元素如何頂端對齊?
inline-block具有行的特性(不獨占一整行)养交,也有塊的特性(可以設(shè)置margin,寬高)瓢宦。
去除縫隙就是避免外邊距合并碎连。
可以使用的方法有:
- 設(shè)置padding
- 設(shè)置border(可以顏色透明)
- overflow:hidden
- 負margin
- float(不能為了去除縫隙而單獨用)
CSS sprite 是什么?
將多個png圖標(biāo)有序放置在一張圖里,進而在css中利用background-position來調(diào)用所需圖標(biāo)驮履,減少請求次數(shù)鱼辙。(圖片合成,CSS坐標(biāo)代碼可以借助工具完成玫镐,)
讓一個元素"看不見"有幾種方式倒戏?有什么區(qū)別?
display:none(不占行)opacity: 0或者visibility:hidden 透明度為0