Dreamweaver MX 2004 CSS使用教程之CSS定位属性

css|dreamweaver|教程

  本站原创内容,转载请注明出处网页教学网

  八.定义 CSS 样式定位属性

  “定位”样式属性使用“层”首选参数中定义层的默认标签,将标签或所选文本块更改为新层。

  设置层定位属性:在“CSS 样式定义”对话框中,选择“定位”(如下图),然后设置所需的样式属性。


  如果不设置属性可以保持为空。

  类型:确定浏览器应如何来定位层。

  绝对:使用“定位”框中输入的坐标(相对于页面左上角)来放置层。

  相对:使用“定位”框中输入的坐标(相对于对象在文档的文本中的位置)来放置层。该选项不显示在“文档”窗口中。

  静态:将层放在它在文本中的位置。

  显示:确定层的初始显示条件。如果不指定可见性属性,则默认情况下大多数浏览器都继承父级的值。选择以下可见性选项之一:

  继承:继承层父级的可见性属性。如果层没有父级,则它将是可见的。

  可见:显示该层的内容,而不管父级的值是什么。

  隐藏:隐藏这些层的内容,而不管父级的值是什么。

  Z 轴:确定层的堆叠顺序。编号较高的层显示在编号较低的层的上面。值可以为正,也可以为负。(注:使用“层”面板更改层的堆叠顺序更容易。)

  溢出(仅限于 CSS 层):确定在层的内容超出它的大小时将发生的情况。这些属性控制如何处理此扩展,如下所示:

  可见:增加层的大小,使它的所有内容均可见。层向右下方扩展。

  隐藏:保持层的大小并剪辑任何超出的内容。不提供任何滚动条。

  滚动:在层中添加滚动条,不论内容是否超出层的大小。专门提供滚动条可避免滚动条在动态环境中出现和消失所引起的混乱。该选项不显示在“文档”窗口中,并且仅适用于支持滚动条的浏览器。注意:Internet Explorer 和 Netscape Navigator 6 支持此属性。

  自动:使滚动条仅在层的内容超出它的边界时才出现。该选项不显示在“文档”窗口中。

  定位:指定层的位置和大小。浏览器如何解释位置取决于“类型”设置。如果层的内容超出指定的大小,则大小值被覆盖。

  位置和大小的默认单位是像素。对于 CSS 层,还可以指定下列单位:pc(十二点活字)、pt(点)、in(英寸)、mm(毫米)、cm(厘米)、(ems)、(exs) 或 %(父级值的百分比)。缩写必须紧跟在值之后,中间不留空格:例如,3mm。

  剪辑:定义层的可见部分。如果指定了剪辑区域,可以通过脚本语言(如 JavaScript)访问它,并操作属性以创建像擦除这样的特殊效果。通过使用“改变属性”行为可以设置这些擦除效果。

  设置完这些选项后,在面板左侧选择另一个 CSS 类别以设置其它的样式属性,或单击“确定”。

时间: 2024-12-21 09:34:28

Dreamweaver MX 2004 CSS使用教程之CSS定位属性的相关文章

Dreamweaver MX 2004 CSS使用教程之CSS类型属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 二.定义CSS的类型属性 使用"CSS 样式定义"对话框中的"类型"类别可以定义 CSS 样式的基本字体和类型设置. 定义 CSS 样式的类型设置: 在"CSS 样式定义"对话框中,选择"类型"(如下图),然后设置所需的样式属性. 以下属性如果不设置可以保留为空. 字体:为样式设置字体.DW MX 2004内置6个系列的英文字体(如下图). 一般英

Dreamweaver MX 2004 CSS使用教程之CSS扩展属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 九.定义 CSS 样式扩展属性 "扩展"样式属性包括过滤器.分页和光标选项,它们中的大部分效果仅受 Internet Explorer 4.0 和更高版本的支持. 指定扩展属性:在"CSS 样式定义"对话框中,选择"扩展"(如下图),然后设置所需的样式属性. 分页:在打印期间在样式所控制的对象之前或者之后强行分页.选择要在弹出式菜单中设置的选项.此选项不受任何 4.0

Dreamweaver MX 2004 CSS使用教程之CSS方框属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 五.定义 CSS 样式方框属性 使用"CSS 样式定义"对话框的方框(又称盒子)类别可以为控制元素在页面上的放置方式的标签和属性定义设置.可以在应用填充和边距设置时将设置应用于元素的各个边,也可以使用"全部相同"设置将相同的设置应用于元素的所有边. 定义元素在页面上的放置方式:在"CSS 样式定义"对话框中,选择"方框"(如下图),然后设置所需的样

Dreamweaver MX 2004 CSS使用教程之CSS区块属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 四.定义 CSS 样式区块属性 使用"CSS 样式定义"对话框的"区块"类别可以定义标签和属性的间距和对齐设置. 定义区块设置:在"CSS样式定义"对话框中,选择"区块"(如下图),然后设置所需的样式属性. 如果不设置属性可以保持为空. 单词间距:设置单词的间距.若要设置特定的值,请在弹出式菜单中选择"值",然后输入一个数值.在

CSS高级教程之CSS的定位属性和实例

css|高级|教程 CSS定位属性允许你对元素进行定位. CSS 定位 (Positioning)实例: 定位:相对定位 本例演示如何相对于其正常位置来定位元素. <html><head><style type="text/css">h2.pos_left{position:relative;left:-20px}h2.pos_right{position:relative;left:20px}</style></head>&

学习网页技术CSS高级教程之CSS 伪元素

css|高级|教程|网页 CSS 伪元素被用来将特殊的效果添加到某些选择器. CSS 伪元素 (Pseudo-elements)实例: 制作首字母特效 本例演示如何向文本的首字母添加特效. <html><head><style type="text/css">p:first-letter {color: #ff0000;font-size:xx-large}</style></head><body><p>

css基础教程之CSS基础语法

 我们学习CSS要明白一个重要的问题,CSS主要是解决与实现表现(CSS)与结构(HTML)的分离.我们编写完HTML之后,如何通过CSS对HTML实现控制呢. 1. 行内样式 2. 内嵌样式 3. 链接样式 4. 导入样式 我们这一节课的示例就先从行内样式开始 行内样式:就是直接在HTML上写样式,就是HTML上加属性style=""这种形式.如<p style="color:#f00">divcss8</p>,但是这种方法并不是被我们推荐

Dreamweaver MX 2004 CSS使用教程之CSS滤镜介绍

css|dreamweaver|教程|滤镜 本站原创内容,转载请注明出处网页教学网. 十.CSS 滤境的详细介绍1 ALPHA 属性 [Alpha滤镜属性]这个名字,在Flash和Photoshop经常见到.它们的作用基本类似,就是把一个目标元素与背景混合.你可以指定数值来控制混合的程度.这种"与背景混合"通俗地说就是一个元素的透明度.通过指定坐标,可以指定点.线.面的透明度.由于"Alpha"滤镜的参数多,我们先来看一下下图: "opacity"

Dreamweaver MX 2004 CSS使用教程之CSS列表属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 七.定义 CSS 样式列表属性 "CSS 样式定义"对话框的"列表"类别为列表标签定义列表设置(如项目符号大小和类型). 定义列表样式:在"CSS 样式定义"对话框中,选择"列表"(如下图),然后选择所需的样式属性. 如果不设置属性可以保持为空. 类型:设置项目符号或编号的外观.两种浏览器都支持"类型". 项目符号图像:可以为项