css 案例

span的宽度设定

display:-moz-inline-box;
display:inline-block;
width:150px;

IE8的css hack

关注过IE8的css hack的人相信大家都在使用这个hack，就是“/9”的css hack：

.test{
color:#000000;                  /* FF,OP支持 */
color:#0000FF/9;       /* 所有IE浏览器(ie6+)支持 ；但是IE8不能识别“*”和“_”的css hack；所以我们可以这样写hack */
[color:#000000;color:#00FF00;      /* SF,CH支持 */
*color:#FFFF00;                 /* IE7支持 */
_color:#FF0000;               /* IE6支持 */
}

 

另外随着google Chrome和Safari浏览器的流行，找google Chrome和Safari CSS hack的人也不少。我也找了一下：

body:nth-of-type(1) .CH{

color: #FF0000;/* 这是专门针对Chrome和Safari的CSS hack */

}

 

 

 

来区分IE的各个版本。

至于为什么使用“/9”我真的不清楚原因，但是“丸子”测试了其他0-13的数字，最终结果如下：

其中：OP表示Opera，SA表示Safari，Ch表示Chrome；当然你如果还有耐心可以测试“/14”，“/15”，“/16”。。。

从上面测试结果我们可以看出“/0”的写法只被IE8识别，ie6，ie7都不能识别，那么“/0”应该是IE8的真正hack。主流浏览器的CSS hack这样更好一些：

.test{
color:#000000;                  /* FF,OP支持 */
color:#0000FF/0;       /* IE8支持*/
[color:#000000;color:#00FF00;      /* SF,CH支持 */
*color:#FFFF00;                 /* IE7支持 */
_color:#FF0000;              /* IE6支持 */
}

其中：OP表示Opera，SA表示Safari，Ch表示Chrome；

 

 

css 字间距、CSS字体间距、css 字符间距设置案例分析

接下来我们来介绍下css 字间距，使用css来控制字与字之间距离，也叫css字间距方法。

使用到的css样式属性单词text-indent抬头距离，letter-spacing字与字间距。

Css字间距、div css字符间距样式实例
1、text-indent设置抬头距离css缩进

即对，对应div设置css样式text-indent : 20px; 缩进了20px

2、letter-spacing来设置字与字间距_字符间距离，字体间距css样式

即对对应div设置css属性样式为letter-spacing:8px;，字间距为8px

以上即是介绍了使用css来设置字间距、字符间距、字体间距、段落开头缩进，分别使用了letter-spacing（间距设置）、text-indent（缩进）两个css属性，以上是div+css网divcss5为你简单通过实例讲解介绍。