1.line-height.
2.line-height+vertical-align.
3.text-align.
4.position.
5.margin.
在IE6下,如果相邻元素设置了float,然后再设置了margin-left或者margin-right,则给每一个块添加属性:*display:inline;(IE6不支持inline-block属性,若元素中设置了,要如上设置)
每次只在将最外面的块设置相关的位置。并且设置好起宽度,高度由元素撑起。
如果复杂嵌套元素有相关问题,则可以添加border查看其关系,border以内的空白是padding.
一般来说块元素的width是充满父元素的。
在浏览器中,可以为多个需要使用到图片的标签都使用一张图片,而这张图片上包含了所需要用到的图片,使用的关键是background-position,调整xy的值来改变图片位置。当x的值变小的时候,图片相对于窗口向左移动。当y值变大时,图片相对于窗口向下移动。
border以内的都是内容,都可以显示。因此padding可以显示内容,如背景图片~
IE6 hack模式"_'
IE8以下 ""
IE67"*"
IE7 "+"
img,input,select,textarea,替换行元素
border:0border:none在IE67下的表现不一样。border:0占内存,要渲染。border:none不占内存不渲染。
如果一个块元素要display:inline-block;需要兼容IE67写上*zoom:1;和*display:inline;
如果要设置最小高度,现代浏览器需要添加min-height属性,而IE6添加_height。
中间自适应,两边固定。需要三个同级块,然后第一第二块左右浮动。