Tag Archives: CSS

css hack一览(包含IE10)

CSS布局参考 IE的If条件注释使用备忘

  内容提要:在CSS布局中,还常常用到IE Hack。if IE起着非常大的作用!

  关键字:Div CSS IE Hack

  if IE什么意思呢?下面就列举了一些在CSS常见的HACK控制语句。

  作为IE的IF条件注释使用备忘,大家可以参考,有经验欢迎与网友分享。

兼容IE6/IE7/IE8/FireFox的css hack

**记住上面得样式解释为顺序是 ff、ie8、ie7、ie6 **
显示的结果:
用火狐浏览,颜色是紫色
用 IE8 浏览,颜色是红色
用 IE7 浏览,颜色是蓝色
用 IE6 浏览,颜色是绿色

IE8 最新css hack:
"" 例:"margin:0px auto;".这里的""可以区别所有IE和FireFox.
"9" 例:"margin:0px auto9;".这里的"9"可以区别所有IE和FireFox.
"*" IE6、IE7[......]

阅读全文»

让pre标签自动换行

pre标签会原样保留HTML内容的格式,可是如果宽度过大会把页面撑坏,这时候需要自动换行来帮忙:

彻底弄懂CSS盒子模式(DIV布局快速入门)

前言

如果你想尝试一下不用表格来排版网页,而是用CSS来排版你的网页,也就是常听的用DIV来编排你的网页结构,又或者说你想学习网页标准设计,再或者说你的上司要你改变传统的表格排版方式,提高企业竞争力,那么你一定要接触到的一个知识点就是CSS的盒子模式,这就是DIV排版的核心所在,传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容,改用 CSS排版后,就是通过由CSS定义的大小不一的盒子和盒子嵌套来编排网页。因为用这种方式排版的网页代码简洁,更新方便,能兼容更多的浏览器,比如 PDA设备也能正常[......]

阅读全文»

CSS hack:区分IE6,IE7,firefox

区别不同浏览器,CSS hack写法:

区别IE6FF
background:orange;*background:blue;
区别IE6IE7
background:green !important;background:blue;
区别IE7FF
background:orange; *background:green;
区别FFIE7IE6
background:orange;*background:green !important;*background:blue;
注:IE都[......]

阅读全文»

学习CSS了解单位em和px的区别

  在国内网站中,包括三大门户,以及“引领”中国网站设计潮流的蓝色理想,ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而在大洋彼岸,几乎所有的主流站点都使用em作为字体单位,也就是可调的。没错,px比em更加容易使用,大部分读者不知道em为何物或者它相当于多少px。国外人士如此重视网站易用性(Accessibility),不仅因为其根生蒂固的人文精神,直接原因可能是因为有一部法律来约束他们—例如美国的Section 508,强制网站达到一定的易用性。

关键点:

  [......]

阅读全文»

IE下设置float后margin加倍问题

在进行页面布局时,经常会用到float,但使用了float后,在IE下margin会出现加倍的问题,我一直是用hack的方法,但最近做个页面时,发现用hack
了,样子和在FF下,还是不一样,于是就网上查找了下,加个display:inline;就可以解决了,这样IE和FF下就都一样了。

举例:

CSS,如果这里不使用display:inline: 在IE下会出现加倍问题

HTML

[c[......]

阅读全文»