div+css学习笔记（Firefox hr 兼容问题）
Firefox hr
兼容问题，在ie中正常显示的hr属性设置，在Firefox里面不管怎么弄都是他妈的不出来，改了不少属性，调整了位置，同时搜索了不少文章，仍然不
行，最后看到一篇文章说ff中必须设置背景颜色才有效果的，真是xxx的，这种问题自己闭门造车的话整上个三天三夜都找不到解决办法啊！
把代码贴出来分享下：
hr {
width:415px; color:#FF0000; background:#FF0000; border:thin; height:1px;
text-align:left;
}
.imghrcontent {
position: absolute; left: 145px; top: 65px;
}
<hr class="imghrcontent" />
参考资料：
通常我们都会定义 HR 的显示外观, 例如显示单行的细线, 像 wiki 这里显示的这样. 不过在 Firefox 浏览器中,
这样的定义会没有任何效果甚至会看不到横线:
HR {
COLOR
:
#
468cad
; height
:
1px; border
:
0;
}
但是只要加入背景色属性, 就能显示了:
HR {
color
:
#
468cad
; background
:
#
468cad
; border
:
0; Height
:
1px;
}
－－－－－－－－－－－
因为IE和Firefox对hr默认的各种属性margin，padding等等都不一样，所以定义为0也没用。
我们可以通过下面的CSS hack来解决：
Example Source Code [www.52css.com]
hr.ducky{
margin-bottom:1px !important;
>margin-bottom:8px !important;
margin-bottom:8px
}
不只是针对hr，这只是一个例子。IE6和IE7对hr边距margin的解释是一样的，所以都定为8px，Firefox与IE有区别，下边距只能为1px。
第一条IE6，IE7，Firefox都读懂，这时候都是1px；第二条IE6，IE7能读懂，都用第二条的8px覆盖了第一条的1px，Firefox不懂，跳到分号以后的下一条，这时候IE6，IE7是8px，FF是1px;第三句IE6，IE7，FF都读懂，因为IE6本身的BUG，所以用第三条覆盖了第二条，IE7因为第二条的!important所以忽视第三条，FF同理忽视第三条。
这个时候，IE6看第三条，IE7看第二条，FF看第一条。虽然在这个例子里，第三条没有必要，因为IE6与IE7对hr的解释是一样的，但是这里是可以对三种浏览器版本赋予不同的值。
dUcky认为最好的情况就是不用hack，只要写的规范，一般问题不大，如果有一些�
相关文档：
1.css 字体简写规则
当使用css定义字体时你可能会这样做:
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;
事实上你可以简写这些属性:
font: 1em/1.5em bold italic small-caps ver ......
1 针对firefox ie6 ie7的css样式
现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，
但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针
对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。
现在写一个CSS可以这样：
#1 { color: #33 ......
在table 中控制单元格之间的间距要用到cellspacing、cellpadding，默认情况cellspacing、cellpadding均不为0，但经常的状况为了不让table单元格之间的间距影响到美观，我们经常会把cellspacing、cellpadding设置为0，因此经常看到“< table cellspacing=0 cellpadding=0>”这样的代码。这样做无形中增加了� ......
定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。
定位的定义：
在CSS中关于定位的内容是：position:relative | absolute | static | fixed
static 没有特别的设定，遵循基本的定位规定，不能通过z-index� ......
转自：http://blog.csdn.net/wellnode/archive/2010/03/24/5408943.aspx
目前在市面上有多种定位系统，包括
Zigbee
、
WiFi
等，以及最新的
CSS
定位系统。从定位原理上分析，一般的定位系统都可以归纳到基于时间的系统、基于信号强度系统，而这两类系统都有着各自的共性。下面以这两种系统的典型代表
CSS
系统（� ......
