在WEB前端開(kāi)發(fā)當(dāng)中，書(shū)寫(xiě)基本的代碼固然重要，而細(xì)節(jié)也是不容忽略的。在本文當(dāng)中，我們整理了書(shū)寫(xiě)HTML與CSS代碼時(shí)應(yīng)當(dāng)注意的基本細(xì)節(jié)，當(dāng)我們對(duì)于細(xì)節(jié)有所了解時(shí)，在編寫(xiě)代碼時(shí)的錯(cuò)誤概率就會(huì)降低很多。

　　1、為了解決標(biāo)簽的默認(rèn)樣式，需要引入重置文件。

　　2、類(lèi)名采用單詞（語(yǔ)義）命名，多個(gè)單詞采用中劃線連接。

　　3、HTML與CSS文件采用單詞（語(yǔ)義）命名，禁止使用中文命名。

　　4、HTML與CSS引號(hào)需要保持一致，禁止出現(xiàn)單引號(hào)與雙引號(hào)混用。

　　5、編寫(xiě)代碼的時(shí)候，需要合理的縮進(jìn)（不要出現(xiàn)空格與Tab格混用）與注釋?zhuān)琀TML標(biāo)簽嵌套合理，CSS樣式按照順序書(shū)寫(xiě)：顯示屬性——>自身屬性——文本>——其他>——>CSS3屬性放最后。

　　6、在移動(dòng)端開(kāi)發(fā)中，a標(biāo)簽的title和img標(biāo)簽的title可以刪除。

　　7、圖片需要根據(jù)情況設(shè)置寬高，以及如何設(shè)置寬高

　　8、單行文本顯示為省略號(hào)（……），比如在模塊標(biāo)題需要進(jìn)行設(shè)置，多行文本如果顯示區(qū)域高度固定，需要設(shè)置超出隱藏。

　　9、保持盒模型大小的一致性（如：增加左右padding，原有width需要變小）。

　　10、使用position的時(shí)候，按照CSS編碼規(guī)范設(shè)置z-index的范圍。

　　11、字體大小最小為12px，不能小于12px（部分瀏覽器不支持，以及不好的用戶體驗(yàn)）。