CSS:margin属性备忘
参考资料:http://www.blueidea.com/tech/web/2007/4546.asp,由浅入深漫谈margin属性 - 网页制作 - 蓝色理想
直接上代码:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>aaa</title>
<style type="text/css">
html { }
body { margin:0px; }
</style>
</head>
<body>
<div id="div1" style="width:500px; height:500px;background:#fff000;margin:20px 0px -300px 0px;">
<!--这里的top 10px标记为a,下面的top 12px标记为b,影响div1的是ab两值有负数取和、无负数取最大值,left和top理论上一样,未测试-->
<div style="width:200px; height:200px; background:#ccc;margin:20px 10px 0px 10px;" id="div1_1"></div>
<div style="width:50px; height:50px; background:#ff0000;margin:10px 10px 0px 10px;" id="div1_2"></div>
</div>
<div id="div2" style="width:500px;height:100px;background:#fffff0;margin:100px 0px 0px 0px;"></div>
<!--margin to 100受div1的影响,div1的bottom margin值为-300,高500-300为200,div2应该出现在div1的高200的地方
,因为top100,所以再往下移动100,所以bottom和right是对其他非置换元素有影响,right未做测试-->
<!--置换元素(replaced element)主要是指img,input,textarea,select,object等这类默认就有CSS格式化外表范围
的元素-->
</body>
</html>
显示效果如下:
相关文档:
jQuery提供css()的方法来实现嵌入式改变元素样式,css()方法在使用上具有多样性。其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开。比如我们要改变链接颜色,我们可以使用下面的代码:$("#61dh a").css('color','#123456');
//这里选择器‘$("#61dh a")’表示ID为‘#61dh’的元素下的所有链接。
//.css( ......
如果IE6和IE7显示都正常;火狐也没有问题;检查代码也没有误失;就试试加上这段代码
IE8目前还不稳定,腾讯首页利用IE7的内核来渲染IE8,代码如下:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> ......
关于CSS对各个浏览器兼容是个非常让人头疼的事情了, 网络上的教程遍地都是.今天在discuz.net上发现了一篇不错的东西,就转载过来和大家共享.可以当作CSS兼容IE6,IE7,FireFox典范了,值得去记录下。发现自己很久没有转载东西。
注:IE都能识别*;标准浏览器(如Firefox,Opera,Netscape)不能识别*;IE6能识别*,但不能识别 !im ......