1.簡要說一下CSS的元素分類
塊級元素：div,p,h1,form,ul,li;
行內(nèi)元素 : span>,a,label,input,img,strong,em;
2.CSS隱藏元素的幾種方法（至少說出三種）
Opacity:元素本身依然占據(jù)它自己的位置并對網(wǎng)頁的布局起作用。它也將響應(yīng)用戶交互;
Visibility:與 opacity 唯一不同的是它不會響應(yīng)任何用戶交互。此外，元素在讀屏軟件中也會被隱藏;
Display:display 設(shè)為 none 任何對該元素直接打用戶交互操作都不可能生效。此外，讀屏軟件也不會讀到元素的內(nèi)容。這種方式產(chǎn)生的效果就像元素完全不存在;
Position:不會影響布局，能讓元素保持可以操作;
Clip-path:clip-path 屬性還沒有在 IE 或者 Edge 下被完全支持。如果要在你的 clip-path 中使用外部的 SVG 文件，瀏覽器支持度還要低;
3.CSS清除浮動的幾種方法（至少兩種）
使用帶clear屬性的空元素
使用CSS的overflow屬性；
使用CSS的:after偽元素；
使用鄰接元素處理；
4.CSS居中（包括水平居中和垂直居中）
內(nèi)聯(lián)元素居中方案
水平居中設(shè)置：
1.行內(nèi)元素
設(shè)置 text-align:center；
2.Flex布局
設(shè)置display:flex;justify-content:center;(靈活運用,支持Chroime，F(xiàn)irefox，IE9+)
垂直居中設(shè)置：
1.父元素高度確定的單行文本（內(nèi)聯(lián)元素）
設(shè)置 height = line-height；
2.父元素高度確定的多行文本（內(nèi)聯(lián)元素）
a:插入 table （插入方法和水平居中一樣），然后設(shè)置 vertical-align:middle；
b:先設(shè)置 display:table-cell 再設(shè)置 vertical-align:middle；
塊級元素居中方案
水平居中設(shè)置：
1.定寬塊狀元素
設(shè)置 左右 margin 值為 auto；
2.不定寬塊狀元素
a:在元素外加入 table 標(biāo)簽（完整的，包括 table、tbody、tr、td），該元素寫在 td 內(nèi)，然后設(shè)置 margin 的值為 auto；
b:給該元素設(shè)置 displa:inine 方法；
c:父元素設(shè)置 position:relative 和 left:50%，子元素設(shè)置 position:relative 和 left:50%；
垂直居中設(shè)置：
使用position:absolute（fixed）,設(shè)置left、top、margin-left、margin-top的屬性;
利用position:fixed（absolute）屬性，margin:auto這個必須不要忘記了;
利用display:table-cell屬性使內(nèi)容垂直居中;
使用css3的新屬性transform:translate(x,y)屬性;
使用:before元素;
5.寫出幾種IE6 BUG的解決方法
雙邊距BUG float引起的 使用display
3像素問題 使用float引起的 使用dislpay:inline -3px
超鏈接hover 點擊后失效 使用正確的書寫順序 link visited hover active
Ie z-index問題 給父級添加position:relative
Png 透明 使用js代碼 改
Min-height 最小高度 ！Important 解決’
select 在ie6下遮蓋 使用iframe嵌套
為什么沒有辦法定義1px左右的寬度容器（IE6默認(rèn)的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）
6.對于SASS或是Less的了解程度？喜歡那個？
語法介紹
7.Bootstrap了解程度
特點，排版，插件的使用;
8.頁面導(dǎo)入樣式時，使用link和@import有什么區(qū)別？
link屬于XHTML標(biāo)簽，除了加載CSS外，還能用于定義RSS, 定義rel連接屬性等作用；而@import是CSS提供的，只能用于加載CSS;
頁面被加載的時，link會同時被加載，而@import引用的CSS會等到頁面被加載完再加載;
import是CSS2.1 提出的，只在IE5以上才能被識別，而link是XHTML標(biāo)簽，無兼容問題;
9.介紹一下CSS的盒子模型？
有兩種， IE 盒子模型、標(biāo)準(zhǔn) W3C 盒子模型；IE的content部分包含了 border 和 pading;
盒模型： 內(nèi)容(content)、填充(padding)、邊界(margin)、 邊框(border).
10.CSS 選擇符有哪些？哪些屬性可以繼承？優(yōu)先級算法如何計算？ CSS3新增偽類有那些？
id選擇器（ # myid）
類選擇器（.myclassname）
標(biāo)簽選擇器（div, h1, p）
相鄰選擇器（h1 + p）
子選擇器（ul > li）
后代選擇器（li a）
通配符選擇器（ * ）
屬性選擇器（a[rel = “external”]）
偽類選擇器（a: hover, li: nth – child）
可繼承的樣式： font-size font-family color, UL LI DL DD DT;
不可繼承的樣式：border padding margin width height ;
優(yōu)先級就近原則，同權(quán)重情況下樣式定義最近者為準(zhǔn);
優(yōu)先級為:
!important >??id > class > tag
important 比 內(nèi)聯(lián)優(yōu)先級高
11.CSS3有哪些新特性？
CSS3實現(xiàn)圓角（border-radius:8px），陰影（box-shadow:10px），
對文字加特效（text-shadow、），線性漸變（gradient），旋轉(zhuǎn)（transform）
transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);//旋轉(zhuǎn),縮放,定位,傾斜
增加了更多的CSS選擇器 多背景 rgba
