每天一站·CSS酷站欣赏·二

第二站，为大家推荐一个绿色系的网站：http://www.lesycr.cz。（为什么选绿色系？哈哈，因为偶偏好绿色，大家从有风的日子前几版的设计应该可以看出来。）从域名看，这是一家捷克网站（相关文章：《顶级域名列表》）；从页面呈现的主要内容可以看出，这是一个和松树相关的网站。因为语言不通，无法了解更多。欣赏一下首页及内页的设计先：

一起看一下这个网站值得参考的几个特点吧：

1、以绿色为主色调，辅以绿色的深浅变化，以及类比色彩的运用，色彩丰富而又不致繁乱；

2、1024*768分辨率的使用。随着大屏幕液晶显示器越普及，传统800*600分辨率的用户已经越来越少，很多设计师都开始基于主流的1024*768分辨率进行设计（有风下一版或许也会放弃800*600分辨率）；

3、运用和导航栏结合的大图片，使主题更突出，导航更清晰：

4、小细节有时能起到画龙点睛的作用，例如内页内容右下角的那颗松树球：

5、再来具体分析一下导航栏。大家看这个网站的导航栏效果，可能会误以为导航只是图片吧：

别着急，让我们研究一下导航栏的HTML代码：

可以看到，其实这个导航菜单的HTML代码是一个无序列表，里面每一项都是文字，只是通过CSS分别定义了背景图片而已（包括一般状态的背景图和鼠标经过链接时切换的背景图）。为什么这么做？一是符合内容和形式分离的WEB标准设计原则，二来对搜索引擎更加友好，还有嘛，就是追求美观咯（目前浏览器中显示的文字效果还是无法和图片中的文字效果相媲美）。

好，今天先看到这儿，明天一起欣赏下一站——（天后？哈，不好意思，串词了）

本站原创，欢迎转载，转载时请添加原文地址链接，谢谢~~