摘要: 早上挤地铁,挤得要命,来了个猛男,大吼一声"我是display:block"的,这一行老子独占了。几个小伙子萎萎缩缩,脑袋上写着"display:inline",他们挤在一行,有几个家伙吊在车箱顶部的把手上,双脚离地,脑袋上写着"float:left" 有人发现他们的脚下有空,于是人流开始移动,有些人被挤到了他们的脚下,而他们在空中。这几个家伙大吼一声"clear:both" 于是他们脚下的人知道... 阅读全文
posted @ 2009-11-26 14:02 nidilzhang 阅读(266) 评论(1) 推荐(0) 编辑
摘要: // 说明:让 IE6 及其以下版本支持 CSS 中 min/max-width/height 属性 // 整理:http://www.codebit.cn // minmax.js: make IE5+/Win support CSS min/max-width/height // version 1.0, 08-Aug-2003 // written by Andrew Clover <... 阅读全文
posted @ 2009-11-14 11:35 nidilzhang 阅读(1029) 评论(0) 推荐(0) 编辑
摘要: 常用有继承性的样式定义:text-indenttext-alignlayout-flowwriting-modeline-breakwhite-spaceword-wraplist-stylelist-style-imagelist-style-positionlist-style-typefontfont-stylefont-variantfont-weightfont-sizeline-hei... 阅读全文
posted @ 2009-11-08 12:38 nidilzhang 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 本文介绍的这种动态切换图片效果,具有二十三种切换样式,并不是用动画软件制作的动画,而是用Javascript制作出来的效果,是 不是有点出乎你的意料。更值得一看的是它只用了廖廖几行程序代码,且变换的图片数量可以随意增加却不增加程序代码。你感到奇怪吗?继续往下看你就明白了。  制作思路:  给插入的图片加上一个ID(img1)号,以便 Javascript程序对其操作,再给图片加载一个CSS的动态滤... 阅读全文
posted @ 2009-10-21 13:27 nidilzhang 阅读(2083) 评论(1) 推荐(1) 编辑
摘要: 今天被在修改CSS的时候,突然碰到要单独Hack IE8的。当然,用注释非常方便,只要添加相应的注释就可以解决。但问题是,为了一句CSS写多一个文件,或者在header上添加注释,那显然不是懒人的习惯做法。结论如下:selector{ property:value; /* 所有浏览器 */ property:value\9; /* 所有IE浏览器 */ +property:value; /* IE... 阅读全文
posted @ 2009-10-19 10:30 nidilzhang 阅读(337) 评论(0) 推荐(1) 编辑
摘要: IE6 Bugs不支持用样式设置<abbr> 元素不支持以连字符和下划线开头的class和ID名<select> 元素总是出现在堆叠最上面,而无视z-index值如果锚点的伪类没有使用正确的顺序(:link, :visited, :hover),:hover 伪类将无效一个属性的!important 声明会被同一规则中同一属性的没有使用!important的第二个声明覆盖。... 阅读全文
posted @ 2009-10-18 11:25 nidilzhang 阅读(677) 评论(2) 推荐(0) 编辑
摘要: 盒模型是WEB页面排版定位的核心,正是由于不同的浏览器对盒模型的解释不一,造成同样的CSS设计代码在不同的浏览器上有不同的表现。那么差异到底有多大,网上也没有一个直观的具体的数据可供参考,因此才有了这个盒模型比较数据。既然要比较,必然要有一个标准,所以,在比较开始之前,先来了解一下W3C标准盒模型解释。 W3C标准盒模型 一个标准的盒模型由margin,boder,padding,content... 阅读全文
posted @ 2009-10-16 09:44 nidilzhang 阅读(3123) 评论(0) 推荐(1) 编辑
摘要: 区别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!impor... 阅读全文
posted @ 2009-10-12 08:58 nidilzhang 阅读(201) 评论(0) 推荐(0) 编辑
摘要: <form id="form1" name="form1" method="post" action=""> <label><span>应聘职位:</span><select class="inputlength" name="应聘职位"> <option value="1" selected>测试</option>... 阅读全文
posted @ 2009-09-23 10:18 nidilzhang 阅读(1015) 评论(0) 推荐(0) 编辑