css入门系列之css的应用和作用(六)--.

css入门系列之css的应用和作用(六)--.

ID:9485821

大小:57.50 KB

页数:5页

时间:2018-05-01

css入门系列之css的应用和作用(六)--._第1页
css入门系列之css的应用和作用(六)--._第2页
css入门系列之css的应用和作用(六)--._第3页
css入门系列之css的应用和作用(六)--._第4页
css入门系列之css的应用和作用(六)--._第5页
资源描述:

《css入门系列之css的应用和作用(六)--.》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、css入门系列之css的应用和作用(六)>>.本 章 C S S 的 主 要 作 用  本章介绍的是区块性质的CSS指令以及它们的应用与特性,可以设定与控制区块的位置,大小及边缘宽度等性质。本章也将分成两个部份为您介绍,第一部份要讲的是区块各部份名称与概念的介绍,对于区块有一点概念后,第二部份才再进入区块性质的CSS指令的介绍。区 块 各 部 份 名 称 与 概 念  其实我们还可以把所谓的「区块」细分成如下面图形所表示的几个部份。由外而内为您作介绍:MARGIN:边缘,虽然是通透的部份,但是可以藉由边缘宽度的调整来达

2、到内容元素位置调整的目的。BORDER:边框,就是外框的部份,经由CSS指令您可以控制边框的宽度、颜色和样式,不再死板!PADDING:补白,也就是内容元素与框架之间的这段距离与空间,也可以利用CSS指令去控制大小。元素:内容元素,也就是您放置于该区块内的内容,或为文字,或为图形,或为所有其它元素。  附带一提的是,所谓的区块宽度是指整个包含边缘在内的宽度,而元素宽度指的只是内容元素的宽度。有了这些对区块各部份的基本概念与认识之后,接下来就要来介绍控制区块各部份分别的的CSS指令了!区 块 性 质 的 C S S 指 

3、令margin-top   设定上边缘宽度margin-right 设定右边缘宽度margin-bottom 设定下边缘宽度margin-left  设定左边缘宽度支 持:IE3、IE4、NC4适 用:区块元素可能值:<length>长度单位,请参考第一章基本单位的相关说明<percentage>百分比,相对于元素宽度大小auto使用浏览器预设值预设值:0继承性:无一般范例:DIV{margin-top:20pt}同轴范例:<DIVstyle="margin-top:20pt">margin 综合设定

4、边缘宽度支 持:IE3、IE4、NC4适 用:区块元素可能值:依序设定top,right,bottom,left的边缘宽度<length>{1,4}长度单位,请参考第一章基本单位的相关说明<percentage>{1,4}百分比,相对于元素宽度大小auto{1,4}使用浏览器预设值预设值:无继承性:无一般范例:DIV{margin:20pt15pt10pt5pt}同轴范例:<DIVstyle="margin:20pt15pt10pt5pt">  要附带说明的是,如果指定了四个合法设定值,则会依序套用于

5、四个边缘;如果只有指定一个合法设订值,则会统一套用于四个边持;若只有指定二或三个合法设定值,则未指定的边缘会套用对边的宽度设定值。DIV{margin:20pt}→top=20pt;right=20pt;bottom=20pt;left=20ptDIV{margin:20pt15pt}→top=20pt;right=15pt;bottom=20pt;left=15ptDIV{margin:20pt15pt10pt}→top=20pt;right=15pt;bottom=10pt;left=15ptborder-top-

6、-edium<thickthin统一的绝对单位,因浏览器而异medium统一的绝对单位,因浏览器而异thick统一的绝对单位,因浏览器而异<length>长度单位,请参考第一章基本单位的相关说明预设值:medium继承性:无一般范例:DIV{border-top-,left的边框宽度thin{1,4}统一的绝对单位,因浏览器而异medium{1,4}统一的绝对单位,因浏览器而异thick{1,4}统一的绝对单位,因浏览器而异<length>{1,4}长度单位,请参考第一章基本单位的相关说明预设值:无继

7、承性:无一般范例:DIV{border-=2pt;left=2ptDIV{border-=2pt;left=3ptDIV{border-=4pt;left=3pt12下一页[这篇文章来自..,]border-top-color  设定上边框颜色border-right-color 设定右边框颜色border-bottom-color设定下边框颜色border-left-color 设定左边框颜色支 持:IE4、NC4适 用:区块元素可能值:<color>设定颜色,请参考第一章颜色使用的相关说明预设值:color性

8、质之值继承性:无一般范例:DIV{border-top-color:BLUE}同轴范例:<DIVstyle="border-top-color:BLUE">9731248:上一页12[这篇文章来自..,]

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。