4月12晚8点：巧用DIV CSS做站 主讲 海欧-东莞(110153877)
SEO学院(27971958)
做站的都知道，做站，大体从这几个面来达到做站的目的。
1内涵，就像一个人的才学。这站是做什么的，要放些什么，这是主要的。
2外表，也叫长相，当别人一个站来这里，就觉得有种归属感，就像美女看到帅哥，帅哥看到美女一样，都不免要回头的。。
3身材，也就是站的布局，也是我要讲的重点，现在一个好看的网站，如果光是用图片做出来，然后再就是把图片切片，用背景，通常新人都这样做，我之前也是这样做的。不过这样太不好了，打开速度慢，另一个是对优化不好。现在都在用DIV CSS做站。这DIV CSS是啥东本。等下说。。
4打扮。这个应该都知道，三分长相，七分打扮。想从丑小鸭变天鹅,就从这步开始。这也是我们常说的
SEO。呵呵。优化，把优化进行到底。。。
这内涵，打扮，都差不多都有人讲过，今天就主要就外表 身材来讲。
先说外表吧，外表，一般就个人站来说，都喜欢弄的花花绿绿，他们的目的就啥，就是显呗，让人家说，哇，你的站真漂亮，目的不同，想要的就不同。
先讲下网站美化，等下再讲CSS
而一般做大站，不喜欢弄太多图片，也用不着花花绿绿，中看就行。
一般站的色调搭配好了，网站一般色不要用太多，三种色就够了，总的来说，就是黑 白，红 黄，兰 青。差不多就是邻比色来组合。
不然成对比色的话，让人感觉刺眼，第一感觉就不好。不同的色彩用在不同的网站上，比方说，做黑客方面，一般着突出“黑”这方面。
做娱乐站，化妆品什么的，主要突出在红黄方面，做点严肃点的站，就要用兰色。
不过也有在自己站用多点色的，比方大家看下edu.qq.com
QQ的教育站，他的色就用得有点多，这站它就用到FLASH广告条来分割。
这样可以多种色共同搭配。。而又让人感觉不到乱的效果。。
每个广告条分开后，色就跟着变了
大家再看下www.6688.com这个站，我很喜欢这个站的，其一，色彩单调，内容丰富，布局更是蛮贴切的，没一点乱的样子。。
这样看起来，才像大站，大气。。。好了，这外表方面，总体说到这。。
下面讲到DIV CSS，
CSS是什么，就是层叠样式表，那层叠样式表又是什么呢？
呵，这个，网上是这么定义的：CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。
DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。
DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。
上面的都是网上COPY下来的。。不懂也没关系，概念上的东西。。
用我的方法来理解，就是用最少的图片就达到最好的美感效果，或者就是用代码去实现美工。。OK。
有些人说，我对这个一点也不会，不会，好说，先学点基础，
把这个看完，看完应该就差不多了，花一天的时间去看完，好好看，不求能写，但求能看得懂先http://www.52css.com/article.asp?id=185。
我们不一定要都会写，那没必要，只要会改，就OK，把别人的东西拿来自己用。
我在这就不讲CSS程序了，一个我自己也不太会，另一个网上多的是。我只讲我们要用到的.
前面的不算重点，所以都一笔带过。。
下面的大家都仔细看看。。
一般用到的就是一个框，然后把很多框组合起来，就成了整个页面。框一般是框上顶上面加上自己做的图片，或都加个色，这种很容易实现。
比如这个
差不多都是这样的框的。。先分析一下，
这个由一个外框，加上上面顶部的小图标。小图标下面是一个渐变。。
然后加上字，就成了。。
外边边框在CSS中这么定义
比方在TD里要加上个为灰色的框<td style="border:#939393 1px solid; ></td>就OK了
border:#939393 1px solid
这个就是外框，不过这个是四连形的，不是上面我们所看到的圆角的。
border:#939393 1px solid
这个对应的就是边框色，边框像素大小，边框类形
solid为实线。。。
刚才的TD也可以放在table里，有时候有是一个TABLE表里，套一个TD，这时候，如果在TABLE和TD里加这句的话，那边框就会重叠，
一般都是这样的<table><tr></td><td><tr></table>
这时就只要在TD里<td style="border-bottom:#939393 1px solid; bgcolor="#f2f6fb" ；></td
如果TABLE的框，加上TD的框，就会重叠起来
<td style="border-bottom:#939393 1px solid; bgcolor="#f2f6fb" ；></td>那么把TABLE的边框
border:#939393 1px soliD是这个的
那TD里就只取下边框就行。。
看这个，
这个今日话题的下面的那根线就是TD的下面的那根线
最外边是TABLE的框。
< border-bottom:#939393 1px solid; bgcolor="#f2f6fb" >回到这句，，
border-bottom就是下边框
#939393 1px solid;
这个就是对应的色，边框像素，线类型
等外边的框弄好了，
然后在上面那个TD中加个色彩，或者渐变，，
这样一个小的框就行了
我以前做的话，就是把这个先做好图片，在设这个图片为背景图片，再在上面加字，这样太不实在了。。
不过这些，我想大多数都会用，在这现丑了
注意，CSS中，属性和属性值间是用冒号(:)分开，而结尾都用分号(;)，这点要记住。
好了，方框这个容易会了，那么有人会问，那有些是圆角边框的，应该怎么实现呢。
好了，方框这个容易会了，那么有人会问，那有些是圆角边框的，应该怎么实现呢。
这个说实在的，要我写，我也不会，不过我到网上找了个，自己改了一个。
<style type="text/css">
/*改变边框色，只要把#08c替换为相应的色就可以了*/
#xsnazzy {background: transparent; margin:0.1em; width:178px;}/*这是框架宽度*/
文章整理：西部数码--专业提供域名注册、虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!
