代码质量是前端开发中应该重点考虑的问题之一。例如,实现一个网站界面可能会有无数种方案,但有些方案的维护成本会比较高,有些方案会存在性能问题,而有些方案则更易于维护,而且性能也比较好。这里的关键影响因素就是代码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的,对代码质量的要求也不同,但它们之间又有着千丝万缕的联系。
默认样式重置(css reset) css reset
原则:但凡是浏览器的样式,都不要使用
body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0}
ol,ul{list-style:none,padding:0;margin:0}
a{text-decoration:none;}
img{border:none;}
a伪类的先后顺序 link、visited、hover、active
块元素和内嵌元素
块元素的特征
1. 默认读占一行
2. 没有宽度时,默认撑满一排
3. 支持所有css命令
内嵌(内嵌、行内)的特征
1. 同排可以继续跟同类的标签
2. 内容撑开宽高
3. 不支持上下的margin和padding
4. 代码换行被解析
默认样式重置(css reset) css reset
原则:但凡是浏览器的样式,都不要使用
body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0}
ol,ul{list-style:none,padding:0;margin:0}
a{text-decoration:none;}
img{border:none;}
a伪类的先后顺序 link、visited、hover、active
块元素和内嵌元素
块元素的特征
1. 默认读占一行
2. 没有宽度时,默认撑满一排
3. 支持所有css命令
内嵌(内嵌、行内)的特征
1. 同排可以继续跟同类的标签
2. 内容撑开宽高
3. 不支持上下的margin和padding
4. 代码换行被解析
inline-block的特点和问题
可见,看似简单的网页制作,如果要做得更好、更专业,真的是不简单。这就是前端开发的特点,也是让很多人困惑的原因。如此繁杂的知识体系让新手学习起来无从下手,对于老手来说,也时常不知道下一步该学什么。