网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

作者： 北京网站建设   日期：2008-03-27 06:03:34  来源： http://www.qitongnet.com

样式表规定了一个容器BOX，它将要储存一个对象的所有可操作的样式。包括了对象本身、边框空白、对象边框、对象间隙四个方面。 北京网站制作 北京网站制作
企通互联
CSS_1.gif">网页设计

为了大家更好地理解这些属性的意义，以及互相之间的关系，请看下面这个图示： 网站制作
北京网站设计
1．边框空白（MARGIN） 北京网站设计
北京网页设计
如图所示，位于BOX模型的最外层，包括四项属性。 网页设计
网页设计
格式分别如下： 网站制作
北京网站设计
·margin-top：顶部空白距离 北京网站建设
网站制作
·margin-right：右边空白距离 北京网站制作
网站制作
·margin-bottom：底部空白距离 北京网站制作
北京网页设计
·margin-left：左边空白距离 www.qitongnet.com网站制作
网站建设
空白的距离可以用带长度单位的数字表示。 北京网站建设
企通互联
如果使用上述属性的简化方式margin，可以在其后连续加上四个带长度单位的数字，来分别表示margin-top、margin-right、margin-bottom、margin-left，每个数字中间要用空格分隔。网站制作
北京网站建设
2．对象边框（BORDER） 网页设计
网站制作
如图所示，位于边框空白和对象空隙之间，包括了七项属性。 网站建设
北京网站制作
格式分别如下： 北京网站设计
北京网页设计
·border-top：顶边框宽度 北京网页设计
北京网站制作
·border-right：右边框宽度 网页设计
北京网站设计
·border-bottom：底边框宽度 北京网站制作
网站设计
·border-left：左边框宽度 北京网页设计
网站制作
·border-width：所有边框宽度 北京网站建设
北京网页设计
·border-color：边框颜色 网站制作
北京网站建设
·border-style：边框样式参数 北京网站建设
北京网站设计
其中border-width可以一次性设置所有的边框宽度，border-color同时设置四面边框的颜色时，可以连续写上四种颜色，并用空格分隔。上述连续设置的边框都是按border-top、border-right、border-bottom、border-left的顺序。 网站制作
网页设计
Border-style相对别的属性而言稍稍复杂些，因为它还包括了多个边框样式的参数： 北京网页设计
网站制作 企通互联
·none：无边框。 网站设计
网页设计
·dotted：边框为点线。 北京网页设计
北京网站设计
·dashed：边框为长短线。 北京网页设计 网站设计
北京网站设计
·solid：边框为实线。 网站建设企通互联
网站建设
·double：边框为双线。 网站制作
网站建设
·groove：根据color属性显示不同效果的3D边框 北京网站建设
企通互联
·ridge：根据color属性显示不同效果的3D边框 企通互联
网站设计
·inset：根据color属性显示不同效果的3D边框 北京网站设计
网站建设
·outset：根据color属性显示不同效果的3D边框 北京网页设计
网页设计
3．对象间隙（PADDING） 北京网页设计
北京网页设计
如图所示，位于对象边框和对象之间，包括了四项属性。 企通互联
企通互联
基本格式如下： 网站制作
企通互联
·padding-top：顶部间隙 北京网站设计
北京网站建设
·padding-right：右边间隙 网站建设
企通互联
·padding-bottom：底部间隙 网站设计
企通互联
·padding-left：左边间隙 网页设计
北京网页设计
和MARGIN类似，PADDING也可以用padding一次性设置所有的对象间隙，格式也和MARGIN相似，不再一一列举了。网页设计
十三．显示控制样式 北京网站设计
北京网站设计
基本格式如下： 北京网站制作
网站制作
display: 参数 网站建设
网站设计
参数取值范围： 网页设计网站制作
网页设计
·block（默认）：在对象前后都换行 网站设计
北京网站设计
·inline：在对象前后都不换行 北京网站制作
北京网站建设
·list-item：在对象前后都换行，增加了项目符号 北京网站制作
网站制作
·none：无显示 网页设计
北京网站设计
十四．空白控制样式 北京网站设计
网站设计
基本格式如下： 网站设计
北京网站设计
空白属性决定如何处理元素内的空格。 网页设计
网站制作
white-space: 参数 网站建设
北京网站制作
参数取值范围： 网站建设
网页设计
normal：把多个空格替换为一个来显示 网站制作
网页设计
pre：忠实地按输入显示空格 北京网站建设
网站设计
nowrap：禁止换行 企通互联
网站建设
北京网站设计但要注意的是， 网站制作write-space也是一个块级属性。 网站制作
企通互联
.全文完.