001行內元素有哪些？塊級元素有哪些？空（void）元素有哪些？

行內元素：a、b、span、img、input、strong、select、label、em、button、textarea
塊級元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote
空元素：即系沒有內容的HTML元素，例如：br、hr、link、input、img、meta

002jpg和png格式的圖片有什么區別？

jpg是有損壓縮格式，png是無損壓縮格式。所以，相同的圖片，jpg體積會小。比如我們一些官網的banner圖，一般都很大，所以適合用jpg類型的圖片。但png分8位的和24位的，8位的體積會小很多，但在某些瀏覽器下8位的png圖片會有鋸齒。

003a標簽在新窗口打開鏈接怎么加屬性？

<a target="_blank">鏈接</a>
target用法：_blank表示在新窗口打開被鏈接的文檔；_self表示在相同的框架中打開被鏈接文檔，這也是默認值；_parent表示在父框架打開被鏈接文檔；_top表示在整個窗口中打開被鏈接文檔。

004strong與em的異同？

strong:粗體強調標簽，強調，表示內容的重要性；
em:斜體強調標簽，更強烈強調，表示內容的強調點；

005說一下src和href的區別？

● src是引入外部資源下載到文檔，會暫停其他資源的下載
● href是鏈接外部資源，不會暫停其他資源的下載

006請寫出完整的注冊表單。

<form action="http://localhost8080/xxx/register" method="post">
        用戶名<input type="text" name="username" />
	密碼<input type="password" name="userpwd" />
	確認密碼<input type="password" />
	性別<input type="radio" name="sex" value="male" checked="checked" />男
	    <input type="radio" name="sex" value="female" />女<br />
	興趣愛好<input type="checkbox" name="hobby" value="singing" />唱歌
		   <input type="checkbox" name="hobby" value="dancing" />跳舞
		   <input type="checkbox" name="hobby" value="running" checked="checked" />跑步
		   <input type="checkbox" name="hobby" value="swimming" />游泳
		   <input type="checkbox" name="hobby" value="climbing" />攀爬<br />
	學歷<select name="education">
		   <option value="gz">高中</option>
		   <option value="dz">大專</option>
		   <option value="bk" selected="selected">本科</option>
		   <option value="ss">碩士</option>
		   <option value="bs">博士</option>
		</select><br />
	簡介<textarea rows="5" cols="30" name="briefIntroduction"></textarea><br />
	<input type="submit" value="注冊" />
	<input type="reset" value="重置" /><br />
</form>		

007請寫出具有表格標題為"bjpowernode"的2行3列表格結構。

<tableborder="1"width="100%">
    <!-- 補全代碼 -->
    <caption>bjpowernode</caption>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>3</td>
        <td>3</td>
        <td>3</td>
    </tr>
</table>

008請寫出具有標題屬性和代替文本屬性的圖片標簽。

<img alt="img" src="xxx" title="title" />

009CSS選擇器有哪些？

CSS2選擇器：元素選擇器，id選擇器，群組選擇器，類選擇器，*通配符選擇器，后代選擇器
CSS2偽類選擇器：a:link/visited/hover/active
CSS3選擇器：空格 > +相鄰兄弟選擇器 ~通用選擇器（查找后面所有）

010什么是CSS盒子模型？

一個css盒子從外到內可以分成四個部分：margin(外邊距),border(邊框),padding(內邊距),content（內容）
默認情況下，盒子的width和height屬性只是設置content（內容）的寬和高
盒子真正的寬應該是：內容寬度+左右填充+左右邊距+左右邊框
盒子真正的高應該是：內容高度+上下填充+上下邊距+上下邊框;

011position的屬性值有何區別？

position 的常見四個屬性值： relative，absolute，fixed，static。一般都要配合"left"、“top”、“right"以及"bottom” 屬性使用。　　
1]static：默認位置，（static 元素會忽略任何top、bottom、left 或right 聲明）一般不常用。
2]relative：位置被設置為relative 的元素，偏移的top，right，bottom，left 的值都以它原來的位置為基準偏移。注意relative 移動后的元素在原來的位置仍占據空間。
3]absolute：位置設置為absolute 的元素，可定位于相對于包含它的元素的指定坐標。意思就是如果它的父容器設置了position 屬性，并且position 的屬性值為absolute 或者relative，那么就會依據父容器進行偏移。如果其父容器沒有設置position 屬性，那么偏移是以body為依據。注意設置absolute 屬性的元素在標準流中不占位置。
4]fixed：位置被設置為fixed 的元素，可定位于相對于瀏覽器窗口的指定坐標。不論窗口滾動與否，元素都會留在那個位置。它始終是以body 為依據的。注意設置fixed 屬性的元素在標準流中不占位置。
總結：position設置為absolute和fixed的元素都脫離了文檔標準流;

012px，rem，em的區別？

px實際上就是像素，用PX設置字體大小時，比較穩定和精確。
px像素（Pixel）。相對長度單位。像素px是相對于顯示器屏幕分辨率而言的。
em的值并不是固定的；
em會繼承父級元素的字體大小。
rem是CSS3新增的一個相對單位（root em，根em），使用rem為元素設定字體大小時，相對的是HTML根元素。