学走路 第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 。
项目结束的时候我想贴一个完整的实例以留念，今天已经是明天了，哎！
相关文档：
<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 ......
屏蔽IE浏览器（也就是IE下不显示）*:lang(zh) select {font:12px !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/
select:empty {font:12px !important;} /*safari可见*/
这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。仅IE7与IE5.0可以识别*+html ......
通常的我们在读取文章标题的时候，遇到字符过多，都是通过程序在SERVER端截取一定的字符数，然后添加...来实现标题长度截取的。其实我们也可以通过CSS来控制。
实列如下：
.title
{
width:200px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}
可用span或div� ......
对DIV+CSS偶还是新手,所以对ID与CLASS之间的区别,偶到今天也还是有些许迷茫,刚才查了下相关资料,果然给偶指明了方向,下面是它们之间的区别来自网上内容我把它收藏了进来,以便参考:
一、在web标准中是不容许重复ID的，例如 div id="a" 不容许重复2次；而class所定义的是类，理论上可以无限重复。以根据需要多次引用 ......
overflow从字面意义上来讲就是溢出的意思，换句话说，你有个层，但是里面的内容，图片或者文字要比层大，overflow就是针对这种情况进行处理的。
包含4个属性值，visible,hidden,auto,scroll
visible就是超出的内容仍然正常被显示出来。
hidden就是超出的内容被隐藏。 &nbs ......
