text-align: center的作用是什么,作用在什么元素上?能讓什么元素水平居中
讓元素內(nèi)文本水平居中,作用在行內(nèi)元素或者行內(nèi)塊元素上。
IE 盒模型和W3C盒模型有什么區(qū)別?
IE的盒模型的尺寸的時(shí)候包括margin、padding、border和內(nèi)容區(qū),而W3C盒模型只包括內(nèi)容區(qū)。
*{ box-sizing: border-box;}的作用是什么?
盒模型將使用IE盒模型。
line-height: 2和line-height: 200%有什么區(qū)別?
他兩的區(qū)別主要是繼承之后:
line-height:2是指給元素本身兩倍行高;line-height:200%是指給父元素本身行高的兩倍行高。
inline-block有什么特性?如何去除縫隙?高度不一樣的inline-block元素如何頂端對(duì)齊?
既呈現(xiàn)inline的特性,不占據(jù)一整行,寬度由內(nèi)容寬度決定,又呈現(xiàn)block的特性,可設(shè)置寬高,內(nèi)外邊距。
縫隙是由標(biāo)簽之間的空格或者回車造成的,去除空格或者回車即可去除縫隙;或者將font-size設(shè)置為0,再在需要顯示文本的地方設(shè)置字體。
頂端對(duì)其的方法是添加vertical-align:top;
CSS sprite 是什么?
CSS精靈圖,把多個(gè)圖標(biāo)拼接到一張圖片上,再用背景圖片的方式呈現(xiàn);用background-position:X Y;來(lái)設(shè)置顯示哪張圖片。
讓一個(gè)元素"看不見(jiàn)"有幾種方式?有什么區(qū)別?
有opacity: 0;設(shè)置元素透明度為0,但還占據(jù)位置。
visibility: hidden; 和opacity類似。
display: none;讓元素消失,不占據(jù)位置。
background-color: rgba(0,0,0,0.1);設(shè)置背景色透明度。
絕對(duì)定位之后left:9999px;