元素选择子: * 任何元素 E 与E标签结合的任何元素 E F E的所有派生标签中，有F标签的元素 E > F 或者 E/F E的所有直接的拥有F标签的子类 E + F 所有具有F标签的元素，紧靠的前一个元素有E标签 E ~ F 所有具有F标签的元素，前一个兄弟元素有E标签 属性选择子: @和引号是可选项。例如，div[@foo='bar']也是一个合法的属性选择子。 E[fo

一.嵌入式hack方式（不推荐） width: 100px\9; /ie6、ie7、ie8/ \9只有ie678 *width: 100px /ie6、ie7/ *开头ie67认识 _width: 100px; /ie6/ _开头只有ie6认识 -moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome、safari私有属性 -o代表Ope

firefox下 label如果要设置宽度,则应该设置显示方式为display:inline-block; input和select的盒子模型不一样, select 设置width包括内边距 input设置width不包括内边距 其他浏览器未做测试 border-width 设置了没有效果可能是因为border-style没有设置值,或为none值

原文地址:http://www.fantxi.com/blog/archives/browser-mode/ 群里看到一个面试题，doctype 标准(严格)模式(Standards Mode)、怪异(混杂)模式(Quirks Mode),如何触发，区分他们有何意义？ 而且据说是笔试题，汗。 现在对做题比较感兴趣，so整理份答案（不保证满分。而且如果我做笔试题，每天打字，很多汉字都写不出

问题描述： 使用table布局，td包含img标签，如果遇到td的高度自动拉高。 那么可能是 img后面包含空白字符引起的。 解决办法： 1. 把空白字符去掉或者设置line-height:1px。如果没有空白字符，试试办法2 2. img{display:block;}  /*亲测，完美解决*/

定义和用法 tableLayout 属性用来显示表格单元格、行、列的算法规则。 固定表格布局： 固定表格布局与自动表格布局相比，允许浏览器更快地对表格进行布局。 在固定表格布局中，水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距，而与单元格的内容无关。 通过使用固定表格布局，用户代理在接收到第一行后就可以显示表格。 自动表格布局： 在自动表格布局中，列的宽度是由列单元格中没

当多行存在colspan时,可能出现colspan少的单元格宽度不正确的情况，详细举例如下： You can't have overlapping colspans of different widths, the table cells need to line up. You're trying to draw this table: 目标表格: |-----|---------

CSS line-height 和 vertical-align 精解