DW中CSS属性详解(2)

2019-08-31 10:52

Box(盒子)

主要设置对象的边界、间距、高度、宽度、和漂浮方式等。

定义元素的宽。相对应的CSS属性是”width”。

定义元素的高。相对应的CSS属性是”height”。

和高定义的对象多为图片,表格,层等。

定义元素的漂浮方式。left 表示对象浮在左边、right表示对象浮在右边、none 表示对象不浮动。CSS属性是”float”。

不允许元素的漂浮。left表示不允许左边有浮动对象、right表示不允许右边有浮动对象、none两边都可以有浮动对象、both不允许有浮动对象。相对应的CSS属性是”clear”。

:定义元素内容与其边框的空距(如果元素没有边框就是指页边的空白)。可以分别设置top(上right(右补白)、bottom(下补白)、left(左补白)的值。相对应的CSS属性分别是”padding; top; padding-right; padding-bottom; padding-left”。

定义元素的边框与其他元素之间的距离(如果没有边框就是指内容之间的距离)。可以分别设置边界)、right(右边界)、bottom(下边界)、left(左边界)的值。相对应的CSS属性分别是”margin; op; margin-right; margin-bottom; margin-left”。

白、边框、边界之间的关系图:

Border(边框)

面板可以设置对象边框的宽度、颜色及样式。

设置元素边的宽度。可以分别设定Top(上边宽)、Right(右边宽)、Bottom(下边宽)、Left)的值。相对应的CSS属性分别是”border; border-top; border-right; border-bottom; eft”。

设置边框的颜色。你可以分别对每条边设置颜色。相对应的CSS属性分别是”border-color; op-color; border-right-color; border-bottom-color; border-left-color”。

们可以通过设置不同的颜色做出亮边和暗边的效果,这样元素看起来是立体的。

设置边框样式。可以设置为none(无边框)、dotted(点线)、dashed(虚线)、solid(实线)、双线)、groove(凹槽)、ridge(凸槽)、inset(凹边)、outset(凸边)等边框样式。相对属性是”border-style”。

tted(点线)、dashed(虚线)必须要IE5.5以上或者MAC平台支持,否则效果为实线。

List(列表)

板可以设置列表项样式、列表项图片、和位置。

置列表项所使用的预设标记。可以设置的样式有:disc(实心圆)、circle(空心圆)、square、decimal(阿拉伯数字)、lower-roman(小写罗马数字)、upper-roman(大写罗马数字)、lower-alpha文字母)、upper-alpha(大写英文字母)、none(无项目符号)。相对应的CSS属性-style-type”。

mage:设置列表项的图像。值为图象的URL地址或路径。 相对应的CSS属性-style-image”。

:设置列表项在文本内还是在文本外。Inside:列表项目标记放置在文本以内,Outside:列表项置在文本以外。相对应的CSS属性是”list-style-position”。

Positioning(定位)

ing面板就相当于对象放在一个层里来定位,它相当于HTML的DIV标记。你可以把定义看作为一义的层。

定对象的定位方式。有三种方式:Absolute(绝对定位)、Relative(相对定位)、Static(无)。相对应的CSS属性是”position”。

ty:设定对象定位层的最初显示状态。有三种状态:Inherit(继承父层的显示属性)、Visible视)、Hidden隐藏对象。相对应的CSS属性是”visibility”。

:设置对象的层叠顺序。编号较大的层会显示在编号较小的层上边。变量值可以是正值也可以是负应的CSS属性是”z-index”。

:设置如果层的内容超出了层的大小时如何处理。有四种处理方式:visible,增加层的大小,从所有内容显示出来;hidden,保持层的大小不变,将超出层的内容剪裁掉;Scroll,总是显示滚to,只有在内容超出层的边界时才显示滚动条。相对应的CSS属性是”overflow”。

t:设置对象定位层的位置和大小。可以分别设置left(左边定位)、top(顶部定位)、widthheight(高)。相对应的CSS属性分别是”left; top; width; height”。

义定位层的可视区域。区域外的部分为不可视区,为透明的。可以理解为在定位层上放一个矩形果。相对应的CSS属性是”clip”。

参数只要在绝对定位时有效。

Type里设定了绝对定位后,会为对象加上一个绝对定位的层。这个CSS创建的层同一般的层一样板,也显示在层管理面板中。你可以通过设置这个定位层的属性面板修改上述参数,不过在此属改动的值会作为内嵌样式加在对象标记后面,下图是定位层的属性面板:

Extensions(扩展)

k:在打印的时候强迫在样式控制的对象前后换页。

设置对象前出现的页分割符。设置为always时,始终在对象之前插入页分割符。相对应的CSS属ge-break-before”。

设置对象后出现的页分割符。设置为always时,始终在对象之后插入页分割符。相对应的CSS属。

上IE5仅支持always值和空白值(null)。

当鼠标滑过样式控制的对象时改变鼠标形状。可以设置为hand(手型)、crosshair(“十”型)、“I”型)、wait(等待)、default(默认)、help(帮助)、e-resize(东箭头)、ne-resize头)、n-resize(北箭头)、nw-resize(西北箭头)、w-resize(西箭头)、sw-resize(西南s-resize(南箭头)、se-resize(东南箭头)和auto(自动)。

在样式中加上滤镜特效。由于此属性内容比较多,我们将到下一章单独对滤镜介绍。


DW中CSS属性详解(2).doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:用心创建和谐的班集体

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: