本文主要介绍了前端设计师需要了解的9个问题和注意事项。非常实用。这是篇很好的文章。我向你们推荐这一切。
1者之间的区别。元素和线中的元素
即使块级元素是以宽度设置的，它仍然是一行。
块级元素可以设置边距和填充属性。内部元素的边距和填充属性只有水平边距和垂直边距。
垂直填充增加了行中元素的面积，但不与相邻元素距离。
2。显示：内联块和haslayout
为了兼容IE6，IE7（不显示：内联块），唯一的显示类型，我们真的可以使用内联块，没有..
显示的特性：内联块元素凝聚级元素和A行内的行。
为了实现显示：对于IE6和IE7，内联块效果显示：内联块可以定义行内元素，如跨度，触发haslayout，可以实现垂直对齐：- 10px和其他浏览器。
它只能实现显示：行元素在行元素中；它也使用IE的IE，*垂直对齐。
3.relative，绝对和浮
位置：绝对的浮动将隐式地改变显示类型，无论之前是什么类型的元素（除显示：无），只要位置设定：绝对的，左、右浮：浮；任何一个，会让显示屏中的元素：内联块显示，这是IE6使用浮动显示在：内联可以用来产生双边去除。
位置：相对不会隐式改变显示类型。
4中。水平
水平线条元素，如文本，图片，等等，可以用text_align：中心。
边界：0自动可用于确定块级元素的宽度级别；
中间水平块宽度不确定（1）。关于这个内容放在桌上的标签，表格标签边缘：0汽车；（2）使用显示的块级元素：内联为内联元素，通过文本对齐：中心实施；（3）设置浮到父母，然后父元素设置相对位置：左：50%子元素设置为相对位置：左：50%。
5。垂直中心
通过将上下边距设置为父容器，父元素的高度不确定文本、图片和块级元素垂直居中。
在单行文本的垂直中心，这是由父元素的高度确定，通过设置父元素的父元素的高度等于身高的线hignt实现。
高度不确定的多行文本、图片和块级元素是垂直居中的。（1）直接使用表格（2）实现显示中心：表格单元格和IE8和FF的显示：表格单元格和vertacil对齐：middle.ie黑客用于非支持
6。网格布局
在同一级别中，内容很重要，在HTML中，先于前面。
布局个人偏好subselector
对7.z-index相关问题和选择元素的闪光和IE6下
除了x轴和y轴外，还有一个z轴。Z轴的相对或绝对位置的元素设置或激活设置，规模较大的集中设置z-index，较高的元素的位置。
Z指数是唯一有效的为非窗口元素，Flash是默认的窗口模式，我们想在Flash不透明或透明的集womde
选择元素也会显示在一个窗口的形式在IE6默认。
8。插入PNG图片
IE6不支持透明的PNG图像，并且可以使用专用过滤器在IE.解决
9。使用ietest调试多个版本的IE。