CSS hack原来那么简单...

/ 条留言Comments Posted in Web by Evan @ 2007-11-1 20:9
区别IE6与FF:
       background:orange;*background:blue;
区别IE6与IE7:
       background:green !important;background:blue;
区别IE7与FF:
       background:orange; *background:green;
区别FF,IE7,IE6:
       background:orange;*background:green !important;*background:blue;
注:IE都能识别*;标准浏览器(如FF)不能识别*; IE6能识别*,但不能识别 !important, IE7能识别*,也能识别!important; FF不能识别*,但能识别!important;

IE6 IE7 FF
* ×
!important ×



另外再补充一个,下划线"_",
IE6支持下划线,IE7和firefox均不支持下划线。

于是大家还可以这样来区分IE6,IE7,firefox
: background:orange;*background:green;_background:blue;

注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。




相关:
以上,很简单很简单。。。
关键字:TAGS:CSS hack

居然可以有这种写法...

/ 条留言Comments Posted in Web by Evan @ 2007-8-6 11:58
今天在Ali做东西,很诡异的看到他们写的CSS有种诡异的类定义法。我写CSS以来还是第一次见到有这样定义类而且能正常显示出来的。是BUG,绝对是BUG!!!

html结构是这样写的。
<div class="crumb crumbGSSKinA">
</div>
这种写法调用是没什么,我也经常用,照理说这种是同时调用两个类。但是CSS里面写得很诡异.

.crumb.crumbGSSKinA{}
这样写的话他们就可以单独定义这个div调用类的样式了,然后,我做了下面这个尝试...
关键字:TAGS:css web

CSS教你一招

/ 条留言Comments Posted in Web by Evan @ 2007-4-27 17:27

上面这张图,是今天为了把一些音乐专辑封面像CD盒一样展示出来而做的,这里,有一个小招数让你轻松实现这种小东西~
首先在你的模板样式中建立一个class(类),就像这样
img.cd{padding:1px 1px 1px 30px; background:url(http://blog.5d.cn/vip/evannan/upload/2007-04/20074271653551.jpg) no-repeat; border:1px solid #999; height:200px; width:200px; margin:0 0 5px 0}
然后,当你在写日志的时候加入图片需要使用这个类时,图片编辑下的[样式类名称]添上你的那个名称就可以了(找不到九进源代码模式在<img>里面写上class="类名称"就可以了),注意,此时的名称不是img.cd,而是cd。这种东西我就给他取名叫御用样式~哈哈,这里解释一下...
关键字:TAGS:css web design

Lonmo.com?

/ 条留言Comments Posted in Web by Evan @ 2007-4-4 15:34
ente

lonmo
如同标题一样的诡异。贴图不说话,马上可以解脱了!Yeah!
关键字:TAGS:设计 作品 网页

CSS教程-空白的连接区域

/ 条留言Comments Posted in Web by Evan @ 2007-3-21 12:50
前段时间看别人写的关于空白的连接区域的CSS教程,个人觉得不是很好,虽然方法类似。下面我来写写我的方法。

首先,建立DIV框架
<div id="logo"><a href="#">LOGO</a></div>
现在这样是一个普通的文字连接。此时,你可以设置这个DIV下A的属性,但是,你无法讲其变成空白的连接区块。
CSS部分这样写
<style>
#logo{width:200px; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:3.6em; font-weight:bold}/*这里是设置整个区块的背景*/
#logo a:link, #logo a:visited{background:#cccccc; display:block; width:184px; height:100px; padding:20px; color:#FF6600; text-decoration:none}
#logo a:hover{background:#FF6600; display:block; width:184px; height:100px; padding:20px; color:#FFFFFF; text-decoration:none}
/*这里是LOGO区块下连接样式的设定,可以根据自己的需求写
关键字:TAGS:CSS 教程