1掖桦，HTML5新增了哪些元素扇救？
布局元素：header,section,footer,article,aside
表單元素：datalist,
input:type='week|date|time|datetime|number|search|url|tel|color|email|range'
多媒體標簽：audio,video
其他標簽：progress(進度條),meter
2，行內(nèi)元素和塊級元素的區(qū)別是什么？
塊級元素獨占一行頁面控件下梢，不會和其他元素共享一行頁面空間辨绊，標簽如div,p,h1到h6,section,header,footer
行內(nèi)元素可以和行內(nèi)奶栖，行內(nèi)塊共享一行頁面空間，標簽如span,em,i,strong,b,a
3门坷，行內(nèi)元素的padding和margin可以設(shè)置嗎宣鄙？
行內(nèi)元素水平方向的padding和margin有效，但是垂直方向無效默蚌。
4冻晤，readyonly和disabled的區(qū)別？
readyonly設(shè)置表單元素狀態(tài)為只讀狀態(tài)绸吸，disabled設(shè)置表單元素狀態(tài)為禁用狀態(tài)鼻弧。
5，哪些標簽都有偽元素惯裕？JS能操作偽元素嗎温数？
大部分雙標簽都有偽元素，iframe沒有偽元素蜻势；大部分單標簽都沒有偽元素撑刺，但是img有偽元素。JS不能操作偽元素握玛。
6够傍，px em rem的區(qū)別是什么甫菠？
px是絕對單位，em和rem是相對單位冕屯，em參考的是當前元素的字體大小寂诱，rem參考的是當前根元素html的字體大小。
7安聘，css新增偽類有哪些痰洒？
p:first-of-type 選擇其父元素的首個<p>標簽
p:last-of-type 選擇其父元素的最后一個<p>標簽
p:nth-child(2) 選擇其父元素的第二個p標簽
p:nth-type-of(2) 選擇其父元素的第二個子元素p
:enabled :disabled 控制表單控件的禁用狀態(tài)
:checked 單選框和復選框的選中狀態(tài)
8，談?wù)刢ss選擇器優(yōu)先級和判定標準浴韭？
優(yōu)先級從高到低：id選擇器丘喻，類選擇器(屬性選擇器)，標簽選擇器念颈，通配符選擇器泉粉。
行內(nèi)樣式使用!important優(yōu)先級最高；如果兩個選擇器(屬性完全一樣)同時命中一個元素榴芳，并且權(quán)重一樣嗡靡，則書寫順序會影響優(yōu)先級，后一個選擇器的屬性會覆蓋前一個選擇器的屬性窟感。
9讨彼，position幾個屬性的作用？
position的常見四個屬性：relative,absolute,fixed,static肌括，一般配合left,right,top,bottom点骑。
static：默認屬性，一般不常用谍夭。
relative：偏移都以自身的位置為基準位移黑滴。
absolute：偏移都有包含它的元素為指定坐標。
fixed：位置設(shè)定為fixed的元素紧索，可定位于相對瀏覽器窗口的指定坐標袁辈，無論窗口滾動與否，它都會留在那個位置珠漂。
10晚缩，position中設(shè)置absolute和fixed有什么區(qū)別？
absolute絕對定位媳危，絕對定位的參考有明確的父元素荞彼，如果直接父元素沒有明確定位會一直往上找，如果父元素都沒有則會參考body標簽待笑。簡稱“子絕父相”鸣皂。
fixed是固定定位，參考的是瀏覽器。
