1.語(yǔ)義化：（1）將頁(yè)面分層坯苹；（2）使用合理的標(biāo)簽逢防；（3）使用合理的命名叶沛。
選擇合適的標(biāo)簽、使用合理的代碼結(jié)構(gòu)忘朝，便于開(kāi)發(fā)者閱讀灰署，同時(shí)讓瀏覽器的爬蟲(chóng)和機(jī)器很好地解析。
2.text-align：center所有的使用場(chǎng)景：查閱MDN說(shuō)明局嘁；應(yīng)用在一個(gè)塊級(jí)元素上溉箕，對(duì)其內(nèi)部的行內(nèi)元素生效，如圖片悦昵、input輸入框等肴茄，不僅僅是文本。
行內(nèi)元素：a但指、span寡痰、img抗楔、input、button拦坠、em连躏、textarea
3.行內(nèi)元素設(shè)置寬高是無(wú)效的，上下的margin和padding不占據(jù)空間贞滨，如果加邊框入热，邊框可以看見(jiàn)，但是a的高度不變晓铆，水平是有效的勺良。可以用行高將其撐開(kāi)骄噪。
4.inline-block的性質(zhì)和用法：inline-block默認(rèn)沒(méi)有上下邊距啊郑气，之間是有縫隙的。有一般有4種方法能去掉使用inline-block腰池，1. 把html里面的的inline-block不要換行尾组，寫到一行。 2. 用浮動(dòng)示弓，不用inline-block; 3. 設(shè)置margin-left: -4px;? 4.? 把父元素font-size設(shè)置為0讳侨，在把inline-block的元素重現(xiàn)設(shè)置font-size，見(jiàn)上面的demo奏属。出現(xiàn)上邊距一般是由于你在inline-block元素設(shè)置font-size后引起的跨跨。? 可以別在改元素上使用font-size,? 而是在父元素上用（解決上邊距，但不解決兩側(cè)的縫隙）囱皿。 或者用上面的第4種方法都能解決勇婴。
5.iput必須放在form里，必須有name嘱腥，不然input中輸入的內(nèi)容會(huì)被忽略耕渴。form中如果不定義action，輸入的內(nèi)容會(huì)定義到當(dāng)前頁(yè)面齿兔。
6.input中的value是默認(rèn)輸入的內(nèi)容橱脸，placeholder指輸入框的提示內(nèi)容。
7.id用于大區(qū)塊的劃分分苇，其他的最好用class添诉。
8.！important的權(quán)重最高医寿，它的兼容性
