在WEB前端开发当中,书写基本的代码固然重要,而细节也是不容忽略的。在本文当中,我们整理了书写HTML与CSS代码时应当注意的基本细节,当我们对于细节有所了解时,在编写代码时的错误概率就会降低很多。
1、为了解决标签的默认样式,需要引入重置文件。
2、类名采用单词(语义)命名,多个单词采用中划线连接。
3、HTML与CSS文件采用单词(语义)命名,禁止使用中文命名。
4、HTML与CSS引号需要保持一致,禁止出现单引号与双引号混用。
5、编写代码的时候,需要合理的缩进(不要出现空格与Tab格混用)与注释,HTML标签嵌套合理,CSS样式按照顺序书写:显示属性——>自身属性——文本>——其他>——>CSS3属性放最后。
6、在移动端开发中,a标签的title和img标签的title可以删除。
7、图片需要根据情况设置宽高,以及如何设置宽高
8、单行文本显示为省略号(……),比如在模块标题需要进行设置,多行文本如果显示区域高度固定,需要设置超出隐藏。
9、保持盒模型大小的一致性(如:增加左右padding,原有width需要变小)。
10、使用position的时候,按照CSS编码规范设置z-index的范围。
11、字体大小最小为12px,不能小于12px(部分浏览器不支持,以及不好的用户体验)。