布局?没问题
9th August, 2007刚接触 XHTML 和 CSS 心里还是七上八下?被布局问题弄得七死八活?经常被不同浏览器间的差异弄得页面七零八落?ok,现在有了一个很简单的解决方式——Libreria de Layouts de useme.cl(请忽略中间那些鸟语),一个几乎涵盖了所有目前网络上页面主流布局的索引级页面。打开叶子以后便可以看到很多小方块组合成的各种页面布局示意图,点击任意一个你想要的布局样式,立刻会打开相应的页面。然后? […]
刚接触 XHTML 和 CSS 心里还是七上八下?被布局问题弄得七死八活?经常被不同浏览器间的差异弄得页面七零八落?ok,现在有了一个很简单的解决方式——Libreria de Layouts de useme.cl(请忽略中间那些鸟语),一个几乎涵盖了所有目前网络上页面主流布局的索引级页面。打开叶子以后便可以看到很多小方块组合成的各种页面布局示意图,点击任意一个你想要的布局样式,立刻会打开相应的页面。然后? […]
到北京以后的第二个星期重新温习了《The Zen of CSS Design》,加上最近接触的公司的项目和刚刚完成的 training project,对于 margin、padding 外加浮动布局这几位老朋友运用得更加娴熟,同时也比以前有了更深的认识。
[…]
似乎不少初学 CSS 的人对定位问题都很感冒,尤其是 margin、padding,简直能要人老命(秋香?!)。不过风凝在当初学的时候并没有遇到太大阻力。这还是要归功于当初小打小闹画过一段时间漫画,为了投稿不得不学习了“边界”(margin)和“补白”(padding)的概念。
所谓”补白“,就是为了防止在印刷剪裁的时候造成白边而填充的内容——也有人往里面画搞笑四格的。一般的漫画杂志会要求将画面内容画满补白,但是不能在补白中画上重要的部分——有点像《名侦探柯南》动画组在自行制作一集动画的时候不能涉及主线和人物性格(笑)。而”边框“,一般就是一片空白——这里是不允许画上东西的,但是也不可或缺,在页面与内容之间保持一定距离避免过份拥挤。至于那个”边线“(border),就是边框与补白之间的一条蓝铅笔线——通常蓝铅笔线是不会被印刷出来的,所以会推荐使用蓝铅笔画边线。 […]
其实一开始是打算做成 Firefox only 的页面,好看看 IE6 下面究竟可以错位到何种地步,中午的时候看了一下 Google Analytics,IE 的访问量近乎一半……唉,没办法,只好放弃这个想法,认认真真做起了 IE hack。
[…]