1.css隱藏顯示的方法

display：none

2.解釋css sprites。并說如何使用

圖片懶加載，在頁面上的未可視區(qū)域可以添加一個(gè)滾動(dòng)事件，判斷圖片位置與瀏覽器頂端的距離與頁面的距離如果前者小于后者，優(yōu)先加載
如果為幻燈片，相冊等，可以使用圖片預(yù)加載技術(shù)，將當(dāng)前展示圖片的前一張和后一張有限下載
如果圖片為css圖片，可以使用CSSspirte，SVGspirte，locnfont，Base64等技術(shù)
如果圖片過大，可以使用特殊編碼的圖片，加載時(shí)會(huì)加載一張壓縮的特別厲害的縮略圖，一提高用戶體驗(yàn)
如果圖片展示區(qū)域小于圖片的真實(shí)大小，則因在服務(wù)端根據(jù)業(yè)務(wù)需要先行進(jìn)行圖片壓縮，圖片壓縮后大小與展示一致

3.清除浮動(dòng)

clear:both
overflow:hidden
:after

4.什么是語義化的HTML

語義化標(biāo)簽就是盡量使用相對應(yīng)的結(jié)構(gòu)的含義的html的標(biāo)簽

5.split()

join()將數(shù)組轉(zhuǎn)化為字符串，并用指定字符串分割

6.call和apply的區(qū)別

都可以改變指向
call有多少參數(shù)寫多少參數(shù)
apply只要寫一個(gè)arguments就已解決

7.獲取非行間樣式

function getStyle(obj,attr) {
if(obj.currentStyle) {
return obj.currentStyle[attr];
}else{
getComputedStyle(obi,false)[attr]
}
}

8.transform

旋轉(zhuǎn)：rotate
扭曲：skew
縮放：scale
移動(dòng)：translate
矩形變形：matrix

9.介紹一下css的盒子模型

css盒子模型又稱框模型(Box Model)，包含了元素內(nèi)容（content），內(nèi)邊距（border），外邊距（margin）
元素框的高度 = 元素（element）的height + padding的上下邊距的值 + margin的上下邊距的值 + boeder的上下寬度
舊模型：content+padding2+border2
新模型：width+border+padding=你設(shè)置的元素的寬度
新元素需要設(shè)置：-webkit-box-sizing：border-box

10.transform和animation的區(qū)別？

transition屬性是一個(gè)簡單的動(dòng)畫屬性，非常簡單非常容易用。可以說它是animation的簡化版本
Animation也是通過指定某一個(gè)屬性（如width、left、transform等）在兩個(gè)值之間如何過渡來實(shí)現(xiàn)動(dòng)畫的，與 Transition不同的是，Animation可以通過keyframe顯式控制當(dāng)前幀的屬性值，而Transition只能隱式來進(jìn)行（不能指定 每幀的屬性值），所以相對而言Animation的功能更加靈活。另外一個(gè)區(qū)別是Animation通過模擬屬性值改變來實(shí)現(xiàn)動(dòng)畫， 動(dòng)畫結(jié)束之后元素的屬性沒有變化；而Transition確實(shí)改變了元素的屬性值，動(dòng)畫結(jié)束之后元素的屬性發(fā)生了變化

11.link和@import的區(qū)別是？

兩者都是外部引用CSS的方式，但是存在一定的區(qū)別：
　　區(qū)別1：link是XHTML標(biāo)簽，除了加載CSS外，還可以定義RSS等其他事務(wù)；@import屬于CSS范疇，只能加載CSS。
　　區(qū)別2：link引用CSS時(shí)，在頁面載入時(shí)同時(shí)加載；@import需要頁面網(wǎng)頁完全載入以后加載。
　　區(qū)別3：link是XHTML標(biāo)簽，無兼容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。
　　區(qū)別4：ink支持使用Javascript控制DOM去改變樣式；而@import不支持。