Dreamweaver MX 2004 CSS属性(转)

Dreamweaver MX 2004 CSS属性(转)[@more@]

  前面已经大致介绍了CSS的基本概念,下面来了解一下CSS的属性。

  【CSS的属性

  通过上面的介绍,大家会发现CSS定义样式有八个大类,每个类都有自己相应的属性。

1160475714_ddvip_8559.gif

  下面分别介绍各类的功能以及设置后的效果。

  【类型

  包含9种CSS属性,主要针对网页中的文本。

1160475726_ddvip_1534.gif

  下面是按照上图参数设置出的效果:

1160475736_ddvip_6728.gif

  【背景

背景的功能是在网页的元素后面放置固定的背景色或者图像,(注意:是网页元素后的背景色或背景图像,而不是网页的背景色或背景图像)其参数面板如下:1160475739_ddvip_3806.gif

  1160475747_ddvip_4462.gif 提示:在设置背景图像时,最好同时指定一种背景色。这样在下载背景图像时,背景色会首先出现在屏幕上,而且它会透过背景图像上的透明区域显示出来。

  下面是按照上图参数设置出的效果:

1160475750_ddvip_5320.gif

  【区块

  区块是指网页中的文本、图像、层等元素的集合,区块属性用于控制块中内容的间距、对齐方式、文本缩进等,其属性参数面板如下:

1160475754_ddvip_4373.gif

  下面是按照上图参数设置出的效果:

1160475760_ddvip_5716.gif

  【方框

  CSS将网页中所有的块元素都看作包含在一个虚拟的方框内,这个方框包含四个部分:

1160475766_ddvip_9282.gif

  下图是方框的参数面板:

1160475769_ddvip_303.gif

  【宽】【高】

   设置方框的本身的宽度和高度,可以使方框不受其中内容多少的影响。

  【浮动】

   设定其他元素(如文本、层、表格等)在边框的哪个边上围绕元素浮动。

  【清除】

   定义元素的边不允许有层,例如清除边上的层,则清除设置的元素,移动到该层的下方。

  【填充】

   用于控制边框的边距大小。

  【边界】

   用于控制留白的大小。

  下面是按照上图参数设置了方框的效果:

1160475788_ddvip_7067.gif

  【边框

  边框面板的属性主要针对方框的边框。其参数面板如图:

1160475794_ddvip_3960.gif

  下面是按照上图参数设置了边框的效果:

1160475803_ddvip_2875.gif

  【列表

  列表属性主要用于控制列表内的各项元素:

1160475809_ddvip_6359.gif

【类型】中有10种选择,可供列表每一项前面使用,如圆点或罗马字母。 【项目符号图像】作用是项目前的符号用图像替代。 【位置】项目符号或图像显示在方框之内或者之外。

  【定位】

  定位主要用于精确定位层的位置,共包括六个参数:

1160475815_ddvip_4083.gif

  定位主要是一次性定义网页或者整个网站中层的定位点和层的属性,其具体内容可以参见【层与时间轴】一章。

  【扩展

  扩展分为两个部分

【分页】这是为打印网页而设置的,选项表示在样式表所控制的对象之前或者之后分页。 【视觉效果】(为网页设置特殊效果) 【光标】指定某个元素上要使用的光标形状,有15种形状可供选择。一般使用的是windows里面的各种光标,也可以指定图标的URL。 【过滤器】为网页中的元素添加各种效果,其具体使用方法在下一个小节详细介绍。

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/10752019/viewspace-955172/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/10752019/viewspace-955172/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值