text-align: center的作用是什么,作用在什么元素上欺嗤?能讓什么元素水平居中
text-align: center用于設(shè)置塊級元素中的行內(nèi)元素水平居中,text-align對inline-block也有效
IE 盒模型和W3C盒模型有什么區(qū)別?
區(qū)別:
W3C標(biāo)準(zhǔn)中width煎饼、height就是content的尺寸
IE的盒模型width校赤、height包括content尺寸+padding+border
*{ box-sizing: border-box;}的作用是什么马篮?
作用是指定元素的寬高按照IE盒模型的方式計算
line-height: 2和line-height: 200%有什么區(qū)別?
line-height:2是相對本身文字高度的2倍。給父元素設(shè)置line-height:數(shù)值后积蔚,會直接繼承給子元素,子元素根據(jù)自己的font-size再去計算子元素自己的line-height怎顾。
line-height:200%是相對父元素文字高度的2倍漱贱。給父元素設(shè)置line-height:百分比后,會計算好line-height值募强,然后把這個計算值給子元素繼承崇摄,子元素繼承拿到的就是最終的值了逐抑。
inline-block有什么特性?如何去除縫隙?高度不一樣的inline-block元素如何頂端對齊?
特性:
既呈現(xiàn) inline 特性(不占據(jù)一整行汹粤,寬度由內(nèi)容寬度決定)
又呈現(xiàn) block 特性 (可設(shè)置寬高田晚,內(nèi)外邊距)
去除縫隙:
在寫html時去除標(biāo)簽與標(biāo)簽之間的空格贤徒,或?qū)nline-block的父元素字體設(shè)置為0芹壕,再為inline-block重新設(shè)置字體大小
inline-block元素如何頂端對齊:
設(shè)置vertical-align: top;
CSS sprite 是什么?
CSS Sprites又叫CSS精靈圖,通過圖片合并可以減少http請求量泞莉,通過CSS的background特性來控制顯示哪雕,從而提高web應(yīng)用的性能。
讓一個元素"看不見"有幾種方式鲫趁?有什么區(qū)別?
opacity: 0斯嚎;透明度為0,整體
visibility: hidden挨厚;與opacity: 0類似
display: none堡僻;元素消失,不占用位置
background-color: rgba(0,0,0,0)疫剃;背景色透明