HTML 和 CSS 基本都粗略地学过一遍了，接下来无非就是不断地练习总结（自内而外），以及阅读他人的博客（自外而内）了，因此利用今晚的时间，稍微整理一下我经常关注的博客/网站等。

在CSS3以前，如果需要选择选择某个/类元素的话，一般会使用id/class来进行选择，CSS3则提供了更强大的功能，可以根据元素中的某个属性，从而选中该元素。具体如下：

跟着视频将 HTML 和 CSS （不包括 HTML5 和 CSS3）全部粗略学习了一遍之后，感觉有必要再系统性地进行一下复习和总结。第一篇文章将会以一个小 demo 来总结一下 background 的用法。

IE 双边距 bug ，看英文名一目了然：The IE5/6 Doubled Float-Margin Bug。指在 IE5/6中，块级元素在添加float之后，当 margin-left/right != 0/auto 时，其实际显示效果 margin left/right 会扩大一倍。举例来说：

上一篇文章主要总结了浮动的两种方法：display:inline-block 和 float: left/right。第一种方法的主要局限是 IE7 不支持，且换行被解析成一个空格；而第二种方法更加可取。但是要记住一点：发明 float 的初衷是为了解决图文混排的问题，因此不可滥用（就像当年滥用 table 布局一样）。

学习 HTML 和 CSS 将近一个月，我以为：层级（嵌套）关系和盒模型（Box Model）是理解和学习这两门语言的基石，正如图层概念是 Photoshop 的基础。因此，充分理解盒模型有助于对于布局的掌控。

在进行网页设计布局时，浮动与清浮动是最需要解决的问题之一。这篇文章记录了我在学习过程中的总结与反思，欢迎交流与指正。 以<div>和<span>为例： {代码...} {代码...} 在 Firefox39 (以下简称ff）中得到如下渲染效果：可以得出以下结论： 块状元素 div 占满整行； 块状元素支持宽高，不设置时宽默认占满...

HTML 是 HypeText Markup Language 的缩写，中文名全称“超文本标记语言”。 HTML 到底是不是编程语言这个问题暂时并不重要，因为我已经感觉到隔壁码农准备跟我撕逼大战三百回合了。