小白第二天請(qǐng)大叔檢驗(yàn)他的修行成果指蚜。大叔臉色不悅到：“欲速則不達(dá)乞巧，你還是太猴急。也罷摊鸡，隔壁村長想統(tǒng)計(jì)他們村每戶的家庭和睦情況绽媒，你用HTML做一個(gè)調(diào)查表先∶饣”
小白接受任務(wù)后是辕，興沖沖跑回去開始他的任務(wù)時(shí)，才發(fā)現(xiàn)一個(gè)問題掸刊。調(diào)查表免糕，要調(diào)查什么？具體內(nèi)容是什么？于是他又跑去問村長石窑，村長憨厚的笑了笑：“俺就是想知道下牌芋，俺也不知道∷裳罚” 小白瞪大眼睛躺屁，無語之極植兰，暗嘆只能靠自己了谨朝。回去后花了一個(gè)小時(shí)拢肆，小白終于完成了它調(diào)查表的內(nèi)容架構(gòu)烁兰。
完成調(diào)查表之后耐亏，又迅速完成了調(diào)查表可能需要的HTML標(biāo)簽。
1 首先需要在瀏覽器的標(biāo)簽欄里顯示調(diào)查表的名字沪斟，他需要這個(gè)：
<title>家庭和睦調(diào)查表<title>
家庭和睦調(diào)查表<title>家庭和睦調(diào)查表<title>
2 然后家庭編號(hào)广辰，家庭住址他需要輸入框：
家庭住址:<input type="text"></input>
家庭編號(hào):<input type ="number"></input>
3 電影風(fēng)格，吃飯口味主之，綜藝節(jié)目他需要復(fù)選框“
<input type= "checkbox">動(dòng)作</input>?
4 輸入時(shí)間他需要這個(gè)：
<input type="date"></input>
5 父親择吊，母親，孩子的各自的選項(xiàng)用div包含在一起槽奕。所以需要三個(gè)div几睛。
<div id = "father"></div>
<div id = "mother"></div>
<div id = "children"></div>
小白迅速的按照自己的規(guī)劃完成了調(diào)查表的HTML≡猎埽可是用瀏覽器打開一看所森，讓他自己都覺得丑的無法直視。小白又找到大叔：“大叔琼讽，為什么我都調(diào)查表這么難看必峰？”，大叔笑到：“人靠衣裳钻蹬，馬靠鞍吼蚁。你現(xiàn)在只是有內(nèi)容框架，你還需要為內(nèi)容指定顯示樣式问欠，這樣瀏覽器才能知道調(diào)查表的布局肝匆，顏色，字體等等顺献，最后去按樣式的要求來顯示調(diào)查表旗国，而這個(gè)樣式在前端css(Cascading?Style?Sheets)來決定，你去看下css注整，然后應(yīng)用到你的調(diào)查表”能曾。
小白拿到大叔給的css秘籍后度硝，又立馬開始研究起來：
HTML標(biāo)簽在瀏覽器中是按照css定義的規(guī)則顯示的，如果沒有定義css樣式規(guī)則寿冕，則瀏覽器會(huì)按照默認(rèn)的css樣式來顯示標(biāo)簽蕊程。CSS定義有三種方法：
1 外部樣式表。單獨(dú)的css文件驼唱，文件后綴為.css藻茂，在css文件中用為不同標(biāo)簽指定顯示的規(guī)則。
2 內(nèi)部樣式表玫恳。在html文件的head標(biāo)簽內(nèi)辨赐，用style標(biāo)簽來定義css樣式規(guī)則，
3 內(nèi)聯(lián)樣式京办。在html標(biāo)簽的開始標(biāo)簽內(nèi)定義css樣式規(guī)則掀序。
以上三種方法可以混合使用，當(dāng)三種方法為同一標(biāo)簽的某一個(gè)樣式屬性指定了不同的顯示規(guī)則臂港，瀏覽器將按優(yōu)先級(jí)從高到低來選用規(guī)則森枪，內(nèi)聯(lián)樣式>內(nèi)部樣式>外部樣式视搏。不同的樣式屬性疊加顯示审孽，相同的則優(yōu)先級(jí)高的覆蓋掉優(yōu)先級(jí)低的。
1 外部樣式表<link rel = "stylesheet"? type = "text/css" href= "homesearch.css">
2 <style>
body{background-color:WhiteSmoke;}
</style>
3 <body style = "background-color:WhiteSmoke;">
改變調(diào)查表整個(gè)背景顏色后浑娜，調(diào)查表如圖顯示：
