Ruby's Louvre

每天学习一点点算法

导航

2012年1月18日 #

(转)透彻理解块级元素的宽度

摘要: 作者按:又翻出来一篇5年前(2006年12月28日)写的关于盒模型的文章,都不知道参考了哪本书了。只能凭印象感谢 Eric Meyer 的《CSS权威指南(第2版)》(The Definitive Guide, 2nd Edition)——因为当时作为练习刚翻译完这本书。 内容提要 透彻掌握CSS可视化模型的原理,可以让我们准确判断某个意外行为到底是因为CSS样式问题,还是CSS解析引擎问题。本文要讨论的要点是,当margin-left、width和margin-right这三个属性分别取auto值或大于0的值,进而形成不同组合的情况下,如何确定块级元素中各个组成部分的宽度。块级元素和行... 阅读全文

posted @ 2012-01-18 13:25 司徒正美 阅读(4526) 评论(0) 推荐(0) 编辑

css 上传控件美化

摘要: 一般来说,上传控件不是用flash做就是用input[type=file]元素了,但flash在IPAD上没救了,而input[type=file]在各种浏览器中又长得不是一个样子,因此已经我们需要用CSS来处理一下。听说webkit可以用-webkit-appearance:none;清除默认样式,就可以让你为所欲为了。但天朝的炮灰们(有些公司喜欢称我们为前端攻城师,那岂不就是炮灰吧,每改一次设计就烂头焦额,半死不活),是用不起这么高级的东东,我们还要兼容IE6呢。最后问群里的大大,找到解决方案。原理大致如下,既然原来的input[type=file]元素很难看就让它消失吧。这里的消失是让它 阅读全文

posted @ 2012-01-18 09:41 司徒正美 阅读(4758) 评论(5) 推荐(1) 编辑