切换查看方式：
清浮动 | br清浮动的原理与clear:both的兼容
【HTML5学堂 - 结构样式】br清浮动的原理与clear:both的兼容。在实现清浮动的方法当中，有这样两种方法——clear:both清浮动和br标签清浮动。对于这两种方法，前者是用来清除兄弟级元素浮动的，也是很常用的一种方法；后者是比较特殊的用法，不推荐使用其进行浮动的清除。两种方法都多多少少存在一定问题的，一起来看一下吧~
HTML结构 | 行元素和块元素的区别
【HTML5学堂 - 面试题精讲】行内元素和块状元素的区别。HTML5中的元素很多，大体上可以分为三种，分别是：行内元素，块状元素和第三类元素。第三类元素比较杂，行内元素和块状元素各有各的特点。通常我们会利用元素自身的一些特点来进行布局。
网页常见图片有哪些，gif、png、jpg的区别是什么？
【HTML5学堂 – PhotoShop技术学习】gif/jpg/png 图片格式 简单对比。在网站开发中，我们经常会用到背景图，或者是数据图，这些都是图片，我们常用的图片的文件格式有三种：GIF，JPG，PNG。这三种图片格式具有不同的特点，对动画、透明度支持的情况不同，同时对色彩的处理也不同。我们在开发的过程中只有选择合适的图片格式，才能使我们的开发速度更快。
DIV+CSS布局和Table布局的优缺点
【HTML5学堂 – HTML5过去、现在与未来】DIV+CSS布局和TABLE布局的优缺点。TABLE布局是早以前CSS不存在的时候兴起的，是对TABLE标签的不正规使用，Table标签就是表格，是用来显示数据的，而不是用来布局网页的，虽然它有时候布局网页很简单。但是现在绝大多数的网站都是DIV+CSS布局。这两种布局各有各的优点。
CSS字体类型font-family的英文书写方法（中英对照）
【HTML5学堂 - 结构样式】CSS特殊字体的英文对照。在CSS文件中，我们常看到有些字体名称变成了乱码，这是由于编写者将中文字体的名字直接写成了中文，并且再上传或者拷贝复制的时候无意间变成了乱码。 为了避免这种状况出现，在CSS文件中使用中文字体时，最好使用中文字体的英文名称，我们常用中文字体的英文名称对照表。例如，微软雅黑，我们直接使用Microsoft YaHei。对于前端来说，需要记忆的是：宋体、黑体、微软雅黑这三种最基本的字体所对应的英文。另外对于英文字体，也需要记忆的是Arial与san-serif两个基本单词的拼写。
strong和em的区别（含b、i标签的比较）
【HTML5学堂 - 结构样式】strong、em、b、i标签的区别。这个知识是在结构（HTML）部分需要了解的辨析类知识。主要从表现形式、标签类型、强调、SEO等几个角度回答。在记忆此类知识时，推荐列项进行记忆。
CSS样式 | 段落首字下沉
【HTML5学堂 - 结构样式】段落首字下沉。在项目中，时常能看到了一种文字展示的特殊效果——首字下沉。于是花了几分钟考虑了一下使用方法，脑测之后，又敲了敲代码实现了一下，写出来与大家分享一下~~~在这里除了提供了基本解题方法之外，也书写了我的思考过程以及对其他两种可能能用的方法的思考。
前端开发 | HTML与CSS知识汇总、总结整理
【HTML5学堂（码匠） - 结构样式】HTML知识汇总、总结整理。本篇文章主要是从头到尾串讲了HTML的知识点，针对HTML4.0和CSS2.0知识进行了总结和整理。学习时，知识点固然重要，但是能将知识点串成线，织成网，形成自己的体系，则需要再下一番功夫。