学走路 第7天 接任务（CSS悟）
今天受一同学的委托，接了以个网站的美工的活！主要是做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 。
项目结束的时候我想贴一个完整的实例以留念，今天已经是明天了，哎！
相关文档：
白色 #FFFFFF 2 红色 #FF0000 3 绿色 #00FF00 ......
原文传送门：http://blog.csdn.net/dux003/archive/2009/11/08/4786371.aspx
csdn blog css自定义设置
可以在博客的配置页面的自定义css栏中填入css样式代码来自定也blog的风格
csdn blog的页面架构基本是由div实现的，整个页面主要由三个div组成，它们的id分别是:
csdnblog_header, csdnblog_sidebar, csdnblog_conten ......
效果图
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Scrollable</title>
<mce:script type="text/javascript"><!--
resizeCallback = function() {
......
我喜欢3栏布局的网页设计，但是3栏布局相对来说就比较复杂，有些难以控制，尽管时下正火的Web2.0似乎很少采用3栏布局。但没关系，我们是非非非主流。
首先，任何一个布局通常都有headers, navigation bars, content containers,
......
在进行页面设计的时候，相信下面这些东西应该能够帮助你，DIV+CSS，希望可以为你节省一点时间。
一、 善用css缩写规则
/*注意上、右、下、左的书写顺序*/
1. 关于边距（4边）：
1px 2px 3px 4px (上、� ......
