学习程序最好的方法是查看别人的原代码，学习CSS也一样，这篇文章介绍最人们的CSS网站收集站点，行话叫CSS陈列馆（showcase），[专录]网站设计师必看，必收藏，毕学习

　　http://www.csszengarden.com/
　　CSS禅意花园是最富盛名的CSS设计陈列馆，Dave　Shea在创办之初是为了让网页设计师通过CSS样式表针对同一个Html文件的设计不同的样式，却没想到这个项目成为了当今网页设计顶尖高手展现无穷创意的舞台，看看禅意花园的

　　http://www.cssvault.com/
　　Cssvault是第一个以网站缩略图的方式呈现的优秀设计的网站，而CSS陈列馆（showcase）这一说法也是由这里开始，从开始至今大约一年的时间里面，收录了大量的优秀设计，是CSS设计师必去的网站之一。

　　http://www.webstandardsawards.com/
　　Web Standards Award，顾名思义，这里也是收集符合“网页标准”设计的网站，除收集外，还对每月收集来的网站进行评选，获胜设计可以冠以当月“网页标准”设计奖的头衔，对于设计师来说，也是一种殊荣。

　　http://www.unmatchedstyle.com/
　　这个网站是最新出炉的一个CSS陈列馆，和前面介绍的几个网站大同小异，也是采用缩略图的方式呈现，当然每个网站收集者的审美特征都不同，多一个地方无疑也给钟情于CSS设计的朋友多了一个选择，而且他们的更新很勤快。

继续阅读 →

这半个月以来今天是头一天在20:00左右下班，想起关于这个教程一直没有完成，心里感觉非常不踏实。两个月前刚辞职，本想把教程全部完成，但是由于一次不幸，导致硬盘中的数据大部分丢失，本写了一半的教程也随之灰飞烟灭。但最近有许多的网友通过博客、QQ、MSN、E-MAIL等途径与我联系，希望能继续更新这个教程，甚至有网友居然拨打我的手机(我不知道大家是如何知道我的号码的，，哎~~)被大家所感动，时间虽然很紧，但还是抽点时间来尽量完成这个教程吧~~就像鲸鱼叔叔所说的，时间就是奶，越挤就越多~~

首先，有些东西需要说明一下。对于之前的文章，由于为了让大家更好的区分各层的关系，教程中不少地方使用了大写的CLASS或者ID，其实这样做是不推荐的，我推荐的方法是使用单词之间增加下划线，或者单词拼接的方法。因为CSS是区分大小写的。大家可以看到，我提供给大家的下载文件中全部都是使用小写来处理的。

我们先来处理sidebar的样式，经过分析，我们可以得知，sidebar有四个部分，我们将这四个部分分为四个层：

继续阅读 →

四、页面制作(1)—-用好border和clear

　　由于找工作找房子的原因，隔了这么久才能开始写教程，心里感觉很对不起一直在关注本站的朋友，今天是找到房子的第二天，于是赶快继续写教程。
　　这一节里面，主要就是想告诉大家如何使用好border和clear这两个属性。

继续阅读 →

三、页面顶部制作(2)—-使用列表li制作菜单

　　开始此节的学习前，请确认你已经参照之前的几节内容写入了DIV、CSS到index.htm和css.css文件中。
　　这一节我将告诉大家如何用列表li来制作菜单。

继续阅读 →

三、页面顶部制作(1)

当我们写好了页面大致的DIV结构后，我们就可以开始细致地对每一个部分进行制作了。

在上一章中我们写入了一些样式，那些样式是为了预览结构而写入的，我们把css.css中的样式全部清除掉，重新写入以下样式代码：

继续阅读 →

二、写入整体层结构与CSS

接下来我们在桌面新建一个文件夹，命名为“DIV+CSS布局练习”，在文件夹下新建两个空的记事本文档，输入以下内容：

继续阅读 →

转自http://www.tblog.com.cn

一、页面布局与规划

好久没有认真写点东西了，想起最近这些时间经常有朋友问到我有关于DIV+CSS布局的问题，其实归根结底还是由于没有入门造成的。那么接下来的这篇文章就带领大家入门吧…

在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。

所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的界面布局图。

继续阅读 →