切换查看方式：
CSS样式 | 代码编写规范（编码规则）
【HTML5学堂（码匠） - 结构样式】CSS编码规范。CSS编码规范到底意味着什么？既然能够实现代码，为何还有去考虑编码规范？从维护角度来说，编码在绝大多数情况下是拿给人来看的，只是偶尔让机器读一下。了解基本的CSS编码规范，对自己日后的维护，或者自己小伙伴的维护是有推进作用的。另一方面，优秀的代码会让团队工作事半功倍，良好的编码习惯也直接影响着薪资。
清浮动 | 如何清除浮动
【HTML5学堂（码匠） - 结构样式】如何清除元素浮动。元素发生浮动，本身就会对文档产生影响，孕育而生的就是“清除浮动”。清浮动的方法有多种，可以使用空标签清浮动、br标签清浮动、overflow:hidden清浮动、改变元素展示类型、父级元素浮动等方法。
HTML标签显示类型
【HTML5学堂（码匠） - 结构样式】HTML标签的显示类型。依据HTML标签默认显示效果的不同，可以将HTML5标签简单的分为三大类（需要注意，在实际的分类中，并不仅仅是三类），一类是块状元素，一类是行元素，其他的元素显示类型较多，可以统一归为一类。在各类标签当中，需要额外注意li元素，它既不属于块也不属于行（以块的方式进行展示）。
HTML标签嵌套规则
【HTML5学堂（码匠） - 结构样式】HTML5学堂（码匠）：HTML标签存在一定的嵌套规则，如果我们不遵循这个嵌套规则进行代码书写，虽能实现出基本的功能，但会直接影响代码质量，也有可能出现问题。对于嵌套规则，我们可以将块元素理解成盒子，行元素理解为文字。之后嵌套规则可以简单的分为“块元素与行元素的嵌套”，“列表项的嵌套规则”，form表单、table表格的嵌套规则等。