DIV+CSS排版技能.docVIP

DIV+CSS排版技巧 网站及网站结构的根本是要做好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=stylesheettype=text/csshref=文件位置/你的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