text-align: center的作用是什么左电,作用在什么元素上陷遮?能讓什么元素水平居中
text-align:center的作用是使元素居中疗韵,一般作用于內(nèi)聯(lián)元素瓣赂,類似文本以及圖片慧域,使其居中鲤竹。對于text-align: center;而言,是使在塊級元素中的文本居中昔榴,但是text-align: center;只是控制塊級元素中的內(nèi)容居中辛藻,無法控制塊級元素的位置調(diào)整。
IE 盒模型和W3C盒模型有什么區(qū)別?
對于IE盒模型只會出現(xiàn)在IE5.5或者更早的版本中互订,在IE6以及更新版本標準兼容模式下使用的都是W3C盒子模型吱肌,即標準盒子模型
具體區(qū)別是:
IE盒模型的寬度和高度是指包括border和padding的寬度和高度
標準盒子模型的寬度和高度是指content的寬度和高度
*{ box-sizing: border-box;}的作用是什么?
當你設(shè)置一個元素為 box-sizing: border-box; 時仰禽,此元素的內(nèi)邊距和邊框不再會增加它的寬度氮墨,一般制作自適應(yīng)網(wǎng)頁時應(yīng)用此功能
line-height: 2和line-height: 200%有什么區(qū)別?
line-height:2代表著行高為當前內(nèi)容的文字高度的兩倍。
line-height:200%代表著行高為當前父元素文字高度的兩倍吐葵。
inline-block有什么特性规揪?如何去除縫隙?高度不一樣的inline-block元素如何頂端對齊?
inline-block即有著行內(nèi)元素的特性温峭,不占據(jù)一整行猛铅;也具有塊級元素的特點,能夠設(shè)置寬高诚镰,內(nèi)外邊距奕坟;
當存在空隙時候是因為html將元素與元素之間的空格以及換行識別成一個空字符,因此最簡單的方式就是將中間的空格以及換行消除掉清笨,但是這樣下來很不方便代碼的閱讀月杉,比較通用的方法是將inline-block的父元素的font-size設(shè)置為0,然后再單獨對inline-block里面的元素的font-size進行設(shè)置抠艾。
當高度不一致的inline-block沒有頂端對齊的時候苛萎,可以使用
vertical-align: top;
CSS sprite 是什么?
CSS sprite是將很多零碎的圖標圖片整合到一張圖上,用來提高網(wǎng)頁響應(yīng)速度,減少加載請求腌歉,提高網(wǎng)絡(luò)性能的處理方式蛙酪。
讓一個元素"看不見"有幾種方式?有什么區(qū)別?
opacity: 0;整體透明度設(shè)置為0翘盖;區(qū)域空間還在桂塞,點擊的話鏈接還是能工作。
visibility: hidden;和上者相似馍驯;
display: none;消失阁危,沒有占位;但是內(nèi)容完全沒有了汰瘫。區(qū)域空間還在狂打,但是點擊的話鏈接不會產(chǎn)生任何效果。
background-color: rgba(0混弥,0趴乡,0,0.2)只是背景色透明蝗拿,rgba最后一個參數(shù)指的是透明度晾捏,其中1為100%,相應(yīng)的0.2為20%的透明度蛹磺。