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

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

　　2、類名采用單詞（語義）命名，多個單詞采用中劃線連接。

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

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

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

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

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

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

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

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

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