学走路 第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 。
项目结束的时候我想贴一个完整的实例以留念，今天已经是明天了，哎！
相关文档：
1、容器不扩展问题
这个是经常在我切图的时候遇到的问题，如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content= ......
平时我们在浏览网页的时候，常常看见导航栏是动态的，其实我们可以通过css样式表的定义就可以完成。
首先我们看一下css代码：
#nav {
width:900px;
margin:0 auto;
background:#E1F4FD;
}
#nav li {
float:left;
font-size:14px;
}
#nav li a {
color:#000000;
......
// 按字符换行
style="word-break: break-all;"
// 按词组换行
style="word-wrap: break-word;"
==========================================================================
==========================================================================
font-family:Ari ......
在进行页面设计的时候，相信下面这些东西应该能够帮助你，DIV+CSS，希望可以为你节省一点时间。
一、 善用css缩写规则
/*注意上、右、下、左的书写顺序*/
1. 关于边距（4边）：
1px 2px 3px 4px (上、� ......
