Blog（博客）是继Email、BBS、ICQ之后出现的第四种网络交流方式，是一种集个人自由表达、深度交流沟通的网络新方式。从2005年开始，博客开始在中国兴起，国内目前经常使用博客的人数达到2800万，都市白领成为博客群体的主力。
Blog网站存在有多种形式，有专门提供博客服务的平台或门户网站，这类网站一般规模比较大，结构复杂，遵循商业化运作模式，公司化经营，团队运作，如博客中国、博客网、 新浪博客也有个人建立的博客站点一或博客页面，功能相对简单，结构单一，一般主要有2个页面，即日志分类列表和日志详细页。
Veerle是位漂亮而富有灵气的图形／网页设计师，从1992年开始就成为SOHO一族，为别人制作Logo标识、宣传小册子等，从1995年开始，为互联网用户设计网站界面、多媒体等，2000每年与别人创办自己的公司天津网站建设，这个公司一直致力于为华盛顿国会图书馆做一个项目。在2003年Veerle发现CSS布局的优越性后，就全身心地我的梦想就是使互联网页面变得更标准更美好，这也是我的奋斗目标。她是这样说的，也是这样做的，不管是她的博客、公司站点，还是客户项目，她都尽力用简练的结构、创意的布局、稳定的兼容性赢得网民的喜爱。
网页色彩是树立网站形象的关键技巧之一，色彩搭配是否恰当，主色调是否鲜明都需要设计师下功夫去体验和琢磨。网站配色主要体现在网页背景色、文字颜色、图标、边框和超链接色彩等设计方面的搭配上。完成框架结构之后，设计师应养成好的习惯，先定义站点全局属性，如在ASP/ASP.NET或其他编程语言中一样，把应用程序所有全局变量和常量集中在config.inc文件中定义、初始化一样，实现统一管理。CSS全局属性设置主要包括定义布局标签的默认值和备种公共类。设置全局属性能够避免在不同区域重复定义相同属性。
页脚区域为自适应宽度，随窗口变化而变化。为适应窄屏用户浏览网页，Veerle定义了两套宽度布局方案，把主要信息放置在左侧715像素宽区域内，次要信息放在右侧，随浏览器窗口变化而变化。。如果浏览器窗口宽度小：995像素，会出现滚动条，只有拖动滚动条才能看到次要信息。两种方案主要通过定义一行两列或一行三列显示来实现。利用CSS选择符强大功能，通过为页面元素body设置不同类名来灵活控制页面内模块的显示宽度。请注意，Veerle是位维权意识很强的设计师，为了保护自己的样式表文件不被别人偷视，她没有直接提供导入地址，而是通过给定查询字符串的方式，经过后台程序的处理后间接导入样式。这样读者就不可能找到原来样式表文件，即使是在本地缓存中也无从查到，这一招非常高，不过也妨。碍了初学者的借鉴学习。经过后台处理后的样式表名称变为veerle.duoh(1).css，且里面的样式全部被打乱，根本无法参考。为了更直观地比较兼容性问题，读者可以把IE条件注释给删除掉，然后在IE 6及更低版本中观察会出现哪些细微变化，然后再阅读下面CSS兼容代码，会更容易理解。