-
Recent Posts
Recent Comments
Archives
Categories
Meta
Category Archives: Front 2 End 前端开发
看《Bulletproof Web Design》学习CSS
之前买了本这书,光看内容,其实并不复杂,它的主题也是讲CSS,如何让你的网页不懈可击,更加灵活。但我看了前2章,就没有兴趣了。 前面的项目,很需要CSS,也是在匆忙中,基本完成了,主要也并非是DEV们写的,但现在有点时间,想花点时间研究研究,所以派了一名成员,负责学习,然后做PPT,跟大家讲,主要的篮本页就是这本书。昨天也就学习到Chp4。 今天不妨来实践一下,却发现诸多问题,幸亏有高手小微(再次多谢小微),才得以顺利解决,也让我感受到CSS神奇的一面。当然,这些书上未必会提及,也不在它的中心思想之类。就以此文,谨记这些经验和教训吧。 key1:清除所有ID和Class等由浏览器自带的padding和margin *{ padding:0; margin:0; } 如果没有它,内容之外会有空白。 Key2:Float不可以到处写 书上例子,几乎每个元素都爱用Float,然后后面还会定义上Width和Padding,但这个会带来一些个小问题:页面宽度>浏览器宽度。 例如1,chp 2. Scalable Navigation – “FLOAT TO FIX” #nav { float: left; width: 100%; margin: 0; padding: 10px 0 0 46px; list-style: none; background: #FFCB2D; } #nav li { … Continue reading