介紹一下CSS的盒子模型坑资？
有兩種渣淤， IE 盒子模型、標(biāo)準(zhǔn) W3C 盒子模型饼灿；IE的content部分包含了 border 和 padding;
盒模型： 內(nèi)容(content)夷家、填充(padding)、邊界(margin)敏释、 邊框(border).
CSS 選擇符有哪些库快？哪些屬性可以繼承？優(yōu)先級算法如何計(jì)算钥顽？ CSS3新增偽類有那些义屏？
1.id選擇器（ #myid）
2.類選擇器（.myclassname）
3.標(biāo)簽選擇器（div, h1, p）
4.相鄰選擇器（h1 + p）
5.子選擇器（ul > li）
6.后代選擇器（li a）
7.通配符選擇器（ * ）
8.屬性選擇器（a[rel = "external"]）
9.偽類選擇器（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);
- 載入樣式以最后載入的定位為準(zhǔn);
!important > id > class > tag
important 比 內(nèi)聯(lián)優(yōu)先級高
CSS3新增偽類舉例：
p:first-of-type 選擇屬于其父元素的首個(gè) <p> 元素的每個(gè) <p> 元素蜂大。
p:last-of-type 選擇屬于其父元素的最后 <p> 元素的每個(gè) <p> 元素闽铐。
p:only-of-type 選擇屬于其父元素唯一的 <p> 元素的每個(gè) <p> 元素。
p:only-child 選擇屬于其父元素的唯一子元素的每個(gè) <p> 元素奶浦。
p:nth-child(2) 選擇屬于其父元素的第二個(gè)子元素的每個(gè) <p> 元素兄墅。
:enabled :disabled 控制表單控件的禁用狀態(tài)。
:checked 單選框或復(fù)選框被選中澳叉。
列出display的值隙咸，說明他們的作用。position的值成洗， relative和absolute定位原點(diǎn)是五督？
1. block 像塊類型元素一樣顯示。
none 隱藏瓶殃。
inline-block 像行內(nèi)元素一樣顯示充包，但其內(nèi)容象塊類型元素一樣顯示。
list-item 像塊類型元素一樣顯示遥椿，并添加樣式列表標(biāo)記基矮。
2. *absolute
生成絕對定位的元素，相對于 static 定位以外的第一個(gè)父元素進(jìn)行定位修壕。
*fixed （老IE不支持）
生成絕對定位的元素愈捅，相對于瀏覽器窗口進(jìn)行定位。
*relative
生成相對定位的元素慈鸠，相對于其正常位置進(jìn)行定位蓝谨。
CSS3有哪些新特性灌具？
CSS3實(shí)現(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
為什么要初始化CSS樣式芦昔。
- 因?yàn)闉g覽器的兼容問題诱贿，不同瀏覽器對有些標(biāo)簽的默認(rèn)值是不同的，如果沒對CSS初始化往往會出現(xiàn)瀏覽器之間的頁面顯示差異咕缎。
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
{ text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
css定義的權(quán)重
以下是權(quán)重的規(guī)則：標(biāo)簽的權(quán)重為1珠十，class的權(quán)重為10，id的權(quán)重為100凭豪，以下例子是演示各種定義的權(quán)重值：
/*權(quán)重為1*/
div{ }
/*權(quán)重為10*/
.class1{ }
/*權(quán)重為100*/
#id1{ }
/*權(quán)重為100+1=101*/
#id1 div{ }
/*權(quán)重為10+1=11*/
.class1 div{ }
/*權(quán)重為10+10+1=21*/
.class1 .class2 div{ }
如果權(quán)重相同焙蹭，則最后定義的樣式會起作用，但是應(yīng)該避免這種情況出現(xiàn)
如果需要手動(dòng)寫動(dòng)畫嫂伞，你認(rèn)為最小時(shí)間間隔是多久孔厉，為什么？
- 多數(shù)顯示器默認(rèn)頻率是60Hz帖努，即1秒刷新60次撰豺，所以理論上最小間隔為1/60＊1000ms ＝ 16.7ms
display:inline-block 什么時(shí)候會顯示間隙？
- 移除空格拼余、使用margin負(fù)值污桦、使用font-size:0、letter-spacing匙监、word-spacing
