DreamweaverMX2004CSS属性

王朝html/css/js·作者佚名  2008-05-21
窄屏简体版  字體: |||超大  

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

【CSS的属性】

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

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

【类型】

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

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

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

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

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

【区块】

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

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

【方框】

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

下图是方框的参数面板:

【宽】【高】

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

【浮动】

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

【清除】

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

【填充】

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

【边界】

用于控制留白的大小。

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

【边框】

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

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

【列表】

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

【定位】

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

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

【扩展】

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航