你上考场那年带小抄了么?带了也别说,那是作弊。不过上班跟考试不同,你要尽可能的用上一切能方便工作的工具。下面是我最近喜欢的几张小抄:
以上小抄来自 http://www.addedbytes.com/cheat-sheets Thanks Dave!
你上考场那年带小抄了么?带了也别说,那是作弊。不过上班跟考试不同,你要尽可能的用上一切能方便工作的工具。下面是我最近喜欢的几张小抄:
以上小抄来自 http://www.addedbytes.com/cheat-sheets Thanks Dave!
按照设计稿做好了CSS,但是唯独在IE6里面有着意外的表现:左栏和中栏之间的宽度比设计中指定值要大。是什么原因呢?我一时没想明白。于是我根据经验把可能影响到宽度的那个div的背景色改为红色,这样一看就明显了:
CSS里的设定是{padding:0; margin: 7px 0 0 10px;},就是说上面留白7px,右和下不留,左边留白10px。根据经验,我怀疑是那个10px导致,于是为IE6单独写了ie6sux.css,并在里面补上{padding:0; margin: 7px -10px 0 10px;},在右边给出-10px作为补偿。问题解决。
分析:IE6对留白(margin)的处理与众不同,留白的宽度似乎没有受到总宽度的限制,因此导致了右边超长出来。这应该算是个加减法级别的bug了。好在IE6用户会逐步转移到IE7,以后应该不必受此bug讨扰。
现在一张照片真的可以要多大有多大。特别感谢各DC制造厂家。
参考HTML Image Auto Resize, HTML图片大小自动调整
对于我的情况,帖子的css class是content,所以如下写即可:
.content img {
max-height:600px;
max-width:600px;
width:expression( (this.width > 600 && this.width > this.height) ? ‘600px’: this.width+’px’);
height:expression( (this.height > 600 && this.height > this.width) ? ‘600px’: this.height+’px’);
}
其中max-height/max-weight是标准css元素,可以被遵循标准的各个浏览器支持,IE7也可以。expression是IE6的私家菜:)
记得我当初学习制作网页时,刚刚学会了用table,相当的有成就感,貌似已经没有我做不出来的页面布局了。后来,饭碗被fireworks这类页面“切割”软件给抢了,fireworks切一张设计图,也就几分钟的事。于是之后再说做网页,无非是用fireworks切方块了。
最近这几年,由于工作的原因,我的时间基本上都放在linux、mysql和ruby on rails上了,用进废退,“Web design”技能我差不多都还给教材了。这几天晚上没事给这小博改版,才发现世道已经变了,HTML被XHTML取代,CSS被CSS2取代,更要命的是布景模版里一个table都没有,全是div了。难怪老人家说逆水行舟,不进则退。这回我退的可以了,赶紧恶补吧。不过习惯的力量真是强大的,一边是熟悉但乏味的旧方法,一边是陌生但精彩的新方法,脑子里却总是不自觉的用旧方法思考起来……慢慢来吧。
Div也是方块,但是div的方块比起table的方块来,的确灵活多了(table指老式HTML+CSS页面布局,div指XHTML+CSS2布局,不过HTML+CSS应该也可以用div布局):
另外XHTML相对HTML变化也很大,虽然我们习惯了一些不规范的写法,而浏览器也牵就我们,能把一些不规范的页面正常的显示出来,但是规范毕竟是大趋势。经过我的一番努力,本站已经通过了W3C的XHTML1.0 CSS2.0规范检查,链接在页脚上。你也可以用此工具检查一下你的网页是否已经XHTML了。