摘要：
研究网页栅格系统前，来看一组数据：网站首页页面宽度 pxYahoo!950淘宝950MySpace960新浪950网易960Live Search958搜狐950优酷960AOL960上面列举的都是Alexa全球排名前100的站点，它们的首页宽度为950px/960px. 除了微软的Live Search, 这些站点有个共同特点：页面结构较复杂，都可以认为是门户型网站。再来看看Google, YouTube, Facebook, Flickr!, eBay等知名站点，它们的首页宽度没什么固定规律，共同的特点是：功能专一，页面结构相对简单。根据上面的简单分析可以认为：当搭建页面结构复杂的门户型网 阅读全文
摘要：
前言 最近在做一个个人项目时，需要实现一个圆角按钮。刚开始觉得很简单，用一张图片就能完成了，再加上图片拼接技术的话还能实现鼠标停留样式变化。但后来想想，出于网站整体风格统一的考虑，该按钮样式会在多处用到，很多时候只有两个字，但有时是多个字的，如果再碰上英文单词的，岂不是要针对不同的宽度设计不同的图片？当然可以做一张足够宽度的图片，然后所有按钮都使用同一张图片、同个宽度，但这样真的很不美观。不行，看来要探索自适应宽度圆角按钮的实现了。探索 - 大街网网址：http://www.dajie.com/效果图：原图以及修改按钮宽度的图片：实现方法：其实通过查看使用的图片以及html代码的结构都可以猜想 阅读全文