易截截图软件、单文件、免安装、纯绿色、仅160KB

最全的CSS浏览器兼容问题

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. 
CSS技巧
1.div的垂直居中问题
vertical-align:middle;
将行距增加到和整个DIV一样高 line-height:200px;
然后插入文字,就垂直居中了。缺点是要控制内容不要换行 
2. margin加倍的问题    
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。
解决方案是在这个div里面加上display:inline;   
例如:    <#div id=”imfloat”>    相应的css为    #IamFloat{    float:left;    margin:5px;/*IE下理解为10px*/    display:inline;/*IE下再理解为5px*/} 
3.浮动ie产生的双倍距离    
#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}   
这里细说一下block与inline两个元素:block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是,和其他元素在同一行上,不可控制(内嵌元素);   
#box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table;  
4 IE与宽度和高度的问题
IE 不认得min-这个定义,但实际上它把正常的width和height当作有min的情况来使。这样问题就大了,如果只用宽度和高度,正常的浏览器里这两个值就不会变,如果只用min-width和min-height的话,IE下面根本等于没有设置宽度和高度。   
比如要设置背景图片,这个宽度是比较重要的。要解决这个问题,可以这样:   
#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}  
5.页面的最小宽度    
min -width是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样就能保证排版一直正确。但IE不认得这个,而它实际上把width当做最小宽度来使。为


相关文档:

用DIV+CSS布局中,如何设置图片与文字在同一高度?


如果把文字和图片放在同一个图层的,文字可以做到居中,但是图片就不能,因为图片默认是左上对齐的!这就是为什么在制作的时候看到图片
会靠上的原因。如果你令到图片居中了,文字就会相对于图片右下对齐了!如果你想2个都居中的话,就不能把他们放在同一个div,或者你试下
把他们放在2个div中,或者一个图片放div中,文 ......

全站的所有资源通用一个css 样式 边框大小 css使用js

* {
 margin:0;
 padding:0;
 font-size:13px;
 *font-size:11px;
 font-family:Verdana, Arial, 宋体,Helvetica, sans-serif;
 /*scrollbar-face-color:#dff9fe;
 scrollbar-highlight-color:#FFFFFF;
 scrollbar-3dlight-color:#9adae7;
 scrollbar-darkshadow-co ......

css选择器

dojo.query()函数要用到各种css选择器来寻找dom元素,下面就常见的css3选择器进行简略的介绍。
1、 基本选择器:根据标签。
例如:P{color:blue}
2、 选择器组:多个标签之间用逗号隔开。
例如:P,h{color:blue}
3、 Id选择器:用#id名表示。
例如:<div id=”d”>111</div>, #d{color:blue ......

CSS Expression 的优化

      IE 浏览器中 CSS 特性的最大的问题:会反复执行,每秒钟可能执行了成百上千次,有严重的性能问题。
      如何对 CSS 进行优化呢?
      至少:如果我们将 CSS 在匹配的元素中仅执行一次,性能将会提升很大。
   &nb ......

简单详细的CSS做菜单教程 支持IE6 IE7 IE8 Firefox


一直在想用css怎么做下拉菜单,之前看到的下拉菜单都是用js做的,可是又不懂js,今天终于用css研究出来了,大家指教指教。 
下面的代码直接考了就行。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号