今天受一同学的委托，接了以个网站的美工的活！主要是做CSS方面设计的问题，这方面的东西我还比较喜欢做，因为都是一些美好的东西嘛，并且所见即所得。
其实CSS这个东西并不难，比起算法和程序设计容易多了，难得是怎么用！
CSS无非包括框架，布局，字体，颜色，这四个部分。
个人感觉想学好CSS没有别的着数，只有认认真真的找一本经典的教程做一遍就什么都明白了。
入门。CSS入门就是学好怎样控制颜色和字。颜色搭配好的话，可以使得整个网页的效果让人流连忘返。字体中字号，种类，颜色，缩进，字宽，特效也可以使得页面更加和谐。对于一个标签设置属性的时候一般按照（上，右，下，左）进行安排的。比如border-color:red,white,black,gray;就是说上边框的颜色是红色的。
进阶。了解了基本的操作后，就可以试着对模块进行布局。这里的模块主要分为两种一种是“段”类的，一种是“行”类的，所谓的段类表示的是这这标签中的内容代表的内容是一段，结束又换行符，代表的标签有（DHP及，Div,H1,P)。行类就是代表这个标签内的内容是一行，内容结束后没有换行，这一类的标签有（SS,即Span,Strong）。布局时候一定要用好display属性（block--强制表示段，none--不显示，inline--默认），以及float属性（left,right),还有clear属性（left--左边不能有浮动块，right--)。所谓的浮动块就是标签中带有float属性，且floating属性为left或right。
高级。掌握属性的继承和叠加，有时候我们写出的CSS代码跟我们想的结果并不一样。显示的效果，并不是我们在样式表中所定义的那一个，这时候你就应该好好看一下，你的CSS代码属性是不是出现了继承而被覆盖。
一般来说，属性显示的顺序是：上级属性---》下级属性---》页面内属性。外边距（margin）是一个值得研究的选择器，因为这个标签经常出现叠加的效果，特别是在垂直结构时候。如果上面的div 中margin-bottom：20px，而下面的是margin-top:10px，但是这两个div会叠加一起，下面的margin-top就变为了0，而上面的margin-bottom仍为20。这说明在叠加的过程是选择大的数值的。
发现了一个好的教程，www.w3school.com.cn 。
项目结束的时候我想贴一个完整的实例以留念，今天已经是明天了，哎！
<style>
.a
{
background-color:#000000;
}
.b
{
background-color:#ffffff;
}
</style>
<ul>
<li id="aaa1" onclick="setClassName(this,'a')"> <a href="#">aaaa</a> </li>
<li id="aaa2" onclick="setClassName(this,'a')"> <a href="#"&g ......
<html>
<body>
<table class="t FCK__ShowTableBorders" cellspacing="0" cellpadding="8" width="600" border="0">
<tbody>
<tr>
&n ......
我喜欢3栏布局的网页设计，但是3栏布局相对来说就比较复杂，有些难以控制，尽管时下正火的Web2.0似乎很少采用3栏布局。但没关系，我们是非非非主流。
首先，任何一个布局通常都有headers, navigation bars, content containers,
......
