网站及网站结构的根本是要做好
DIV+CSS，经过合理的布局
DIV CSS可以有利于搜索引擎的抓取，DIV+CSS作为建造网页，美化网页是的很强大，很便利的，可以填补table建造框架和表格时的良多不够和美工上的缺点。
一、
CSS边框(
CSS border)：
border主要有以下参数：none:无边框；hidden:隐藏边框；dotted:点线；dashed:虚线；solid:实线边框；double:双线边框；groove:3D凹槽；ridge:菱形边框；inset:3D凹边；outset:3D凸边。
边框的值是四个，若是供给全数四个参数值，将按上－右－下－左的顺序浸染于四个边框。若是只供给一个，将用于全数的四条边。若是供给两个，第一个用于上－下，第二个用于左－右。若是供给三个，第一个用于上，第二个用于左－右，第三个用于下。边框(border)和边界(margin)主要用来定位。
二、
CSS加入网页体例：
主要分为三种：内部样式表、行内样式表、外部样式表。内部样式表主要界说在<head>内；行内样式表可直接操纵style属性界说在标签内部；操纵外部样式表时，CSS文件与网页文件是涣散开来的，分开的文件要用<linkrel="stylesheet"type="text/css"href="文件位置/你的CSS文件名.css"/>链接起来，这主要针对CSS样式表较多的网页。
三、CSS盒子
CSS中没有box这个属性。CSS的盒子是由以下几个部门组成的：内容(content)、加添(padding)、边框(border)和边界(margin)。盒子的内容当然是必需有的，而加添、边框和边界都是可选的。若是把CSS的盒子看做现实保留中的盒子，那么内容即是盒子里装的货物；而加添即是怕货物破损而添加的泡沫概略别的抗震的工具；边框即是盒子自己了；至于边界则说明盒子摆放的时刻的不能与其他物体紧挨在一路，而必需有一段安定。当然了，CSS中的盒子是平面的。
四、设置布景属性
background为背景属性，如background-color设置布景颜色；background-image设置布景图片；background-repeat设置布景图片的一再设置，background-repeat:no-repeat为不一再，background-repeat:repeat-x为只水平标的目的一再，background-repeat:repeat-y为只垂直标的目的一再；background-position设置布景图片的浮现位置，background-attachment为平稳图片在某个位置浮现。
五、设定
CSS字体、颜色、巨细
font-style设定斜体，好比font-style:italic;font-weight设定字体粗细，好比font-weight:bold;font-size设定字体为巨细，好比font-size:12px;line-height设定行距，好比line-height:150%;color设定字体颜色（不是font-color），好比color:red;font-family设定字体，好比font-family:"LucidaGrande",Verdana,Lucida,Arial,Helvetica,宋体,sans-serif;font:italicbold12px/150%"LucidaGrande",Verdana,Lucida,Arial,Helvetica,宋体,sans-serif;
六、若何节制段落排版
中文段落操纵<p>标签，摆布（相等于缩进）、段前段后的空白，都可以用margin。好比：
p{ margin:18px6px6px18px; /*分袂是上、右、下、左，十二点起头的顺时针标的目的*/ } 翰墨的对齐体例用text-align，谈起margin，我风尚于在写CSS的时刻为全数的标签定义margin:0;因为时而出现因为默认的margin值导致页面排版问题问题，而自己找不到缘故原由
七、链接
CSS链接有四个属性：其中a:link、a:visited、a:hover和a:active分袂对应未访谒的链接、已经访谒过的链接、鼠标悬停的链接和激活的鼠标链接(按下鼠标左键的时刻)。这几个样式的顺序不能倒置，否则概略造成部门样式无法正常浮现。每个样式里可以变换字体属性、下划线、布景等等。
八、项方针识表记标帜的问题问题
在
CSS li里项方针识表记标帜有disc（实心圆点）、circle（空心圆圈）、square（实心方块）、decimal（阿拉伯数字）、lower-roman（小写罗马数字）、upper-roman（年夜写罗马数字）、lower-alpha（小写英翰墨母）、upper-alpha（年夜写英翰墨母）、none（无）。好比设定一个列表（ul或ol）的项方针识表记标帜为方块，如：
li{ list-style:square; } 别的list-style还有一些值，好比可以接纳一些小图片作为项方针识表记标帜，在list-style下直接写url(“图片地址”)就可以了。详尽若是一个项目列表的左外补丁（margin-left）设为零的时刻，list-style-position: outside（默认是outside）的项方针识表记标帜不会浮现。吝惜的是上述的项方针识表记标帜仿佛并不能设定巨细，圆点和方块始终是那么点。而且不能设定垂直标的目的上的对齐。
九、关于汉字注音
好比说<ruby>注音<rtstyle="font-size:11px;">zhuyin</rt></ruby>，可以操纵ruby-align设置对齐体例。这是在CSS手册里面看到的，具体可以自行查阅ruby-align项。
十、首字下沉
伪工具:first-letter配合font-size、float可以建造首字下沉功效。
十一、竖排字体
writing-mode属性有两个值lr-tb和tb-rl，前者是默认的左-右、上-下，后者是上-下、右-左。
十二、首行缩进
可以使得容器内首行缩进必定单元。好比中文段落一样平常每段前空两个汉字。可以这么写： p{ text-indent:2em;/*em是相对单元，2em即现在一个字巨细的两倍*/ }若是font-size是12px的话，那么text-indent:2em则缩进24px。
十三、平稳宽度汉字截断
用布景说话可以对从数据库里的字段内容做截断处置，好比说截12个汉字（之后用省略号）。可是偶然还需要html标签的过滤等，而用CSS来节制则没有这个问题问题。不外只能处置翰墨在一行上的截断，不能处置多行。
十四、平稳宽度汉字（词）折行
举个例子，好比说要在一个平稳宽度容器里面浮现良多地名，为了禁止地名中遏制开。则可以操纵word-break。
DIV+CSS对于门户网站计划来说改版就像换件衣服一样大略轻易，改版时，不用窜改全站HTML页面，只需要重新写CSS，再用新CSS替换旧CSS就可以实现改版了。这样改版不动html代码的改版有利于搜索引擎稳定。
[
本帖最后由 冬天了 于 2010-11-18 17:05 编辑 ]
