div+css学习2
第二讲 div+css标准布局
优点：内容和样式分离
margin：外边距
举例：
.bianju{
margin-top:40cm;
margin-left:10cm;
margin-right:10cm;
margin-bottom:15cm;
}
或者写成：
.bianju{
margin:1cm 2cm 3cm 4cm; (左右上下)如果只写一个，是4边都是一个固定的值
margin:auto (可自动调整)
}
padding：内边距
举例：
td{
padding-top:40cm;
padding-left:10cm;
padding-right:10cm;
padding-bottom:15cm;
}
或者写成：
td{
padding:1cm 2cm 3cm 4cm; 具体内容同margin
}
float
对齐方式（漂浮的属性）
取值：float:left|right|none
举例：
上面部分：
.one{
float:right;
}
下面部分：
<p class="one">aaaa</p>
clear：
清除漂浮
取值：clear：left|right|both|none
相关文档：
display Property Values
ValueDescription
none
The element will generate no box at all
block
The element will generate a block box (a line break before and after the element)
inline
The element will generate an inline box (no line break before or after the element). This is default
inline-blo ......
div+css浏览器兼容问题解决方法
从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高
line- ......
png透明 AlphaImageLoader
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)
enabled：可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true：默认值。滤镜激活。false：滤镜被禁止。
sizingMethod：可选项。字符串(String)。设置或检索滤镜作用的对象的图 ......
当连续输入英语字符后，由于浏览器默认为一个单词，并不会换行处理，在IE6/IE7 中，我们可以添加css中的word-wrap 属性，实现自动换行。但是在IE8 版本中，该属性不支持。
我们可以采用判断浏览器版本后，使用JavaScript进行换行。
if ($.br ......
很早就在这里看到过解决方案，与嗷嗷讨论后发现这个方案还是很可靠的。当然，唯一的缺点就是每一个属性都要去Hack，但我在很多实践中，只用‘修正’1-2个属性就可以了。
具体写法很容易：
#someNode
{
position: fixed;
#position: fixed;
_position: fixed;
}
第一排给Firefox以及其他浏览� ......
