文章导航PC6首页软件下载单机游戏安卓资源苹果资源

pc软件新闻网络操作系统办公工具编程服务器软件评测

安卓新闻资讯应用教程刷机教程安卓游戏攻略tv资讯深度阅读综合安卓评测

苹果ios资讯苹果手机越狱备份教程美化教程ios软件教程mac教程

单机游戏角色扮演即时战略动作射击棋牌游戏体育竞技模拟经营其它游戏游戏工具

网游cf活动dnf活动lol周免英雄lol礼包

手游最新动态手游评测手游活动新游预告手游问答

您的位置:首页网页设计DreamWeaver → 层的应用及其定位二

层的应用及其定位二

时间:2004/11/7 2:35:00来源:本站整理作者:蓝点我要评论(0)


            
             
              
             
            

               
               

            



             2、改变层的属性


 层的主要属性有:ID、大小(宽和高)、位置(包括Z-index)、背景、可见性、溢出等。其中大小和平面位置可以使用鼠标拖拉简单地实现,其他属性需要借助属性面板来定义。
 



图:层的属性面板

  ID:层在被插入时Dreamweaver会自动命名其ID,默认格式为LayerX(X的取值随层的插入顺序而增大)。为了方便设计时更好地控制,建议自行定义此名称。 

  大小:可以通过鼠标直接拖拉层的控制点来改变其大小,也可以在属性面板上输入宽高定义大小。

  位置:选择层的控制手柄,按下鼠标左键不放开,可以拖拉改变层的位置,同时属性面板上的位置参数会改变。你也可以直接在属性面板上输入数值来定义曾的位置。   拖拉定义层的位置时建议打开背景网格以便参照定位。(View-->Gird-->Show Gird)如果需要非常精确的定位,可以拖拉后在属性面板上改变数值。  另外,由于Netcape对层的解释有差异,所以一般针对NC可以选择层标识为。当选定这两个标识中任意一个时,你会发现层的属性面板增加了几个属性,其中有个Use的单选按扭,选择Left Top项,则在NC中,层的LEFT和TOP相对于父层(页面或者嵌套的层)的左上角定位;选择Page X, Page Y项,则层基于页面左上角定位,无论层是否被嵌套在其他层中。 




  Z-index:定义了层在立体方向上的层叠顺序,其数值的大小决定了元素之间相互覆盖的顺序,例如A层原本覆盖了B层,但如果B层的Z-index值改变,且大雨了A层的Z-index值,则B层覆盖A层。

  在文档中添加层时,Dreamweaver会自动按照层创建的先后顺序定义Z-index值,如果要改变他们的层叠顺序,只需要修改Z-index值即可。例如你需要某个层永远在最上面,你可以定义它的Z-index值非常大。

  Z-index值也可以为负值。例如需要将某个Flash作品作为网页背景时,你需要定义该Flash作品为背景透明的,然后放置在Z-index值为负值的层中,否则Flash作品会永远处于页面的最上层。 

  背景:和表格的属性相同,层也可以设置背景图片或背景颜色。 

  可见性(vis):层与表格的最大不同之处就是它具有多变的可见性,即层可以隐藏和显示,而且这个属性是可以动态改变的。在属性面板上定义的只是可见性的初始状态,例如选择HIDE则层为不可见的。 

  溢出(overflow):由于层的大小是可以定义的,所以当层中的内容超出层的大小的时候该怎么办?默认状态下层会自动增大。但有的时候它的增大会致使排好的整个页面变形,溢出属性定义了此种情况的处理方式:可见、隐藏、滚动条、自动。   可见(isible)---无论层的宽高设置为多少,其中的内容都会显示出来,即层会被撑大。
  隐藏(hidden)---遵守层的宽高设置,超出的部分将不再显示。
  滚动条(scroll)--显示滚动条,无论内容是否超出层的大小设置。
  自动(auto)---自动识别内容是否超出,然后决定是否显示滚动条。

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 CSS优雅的公布栏源码高级CSS选择器的使用 将网站(主页)变成黑白DW设计网页时组织CSS的建议利用Dreamweaver合理优化网页元素布局22个Dreamweaver内置网页过渡特效简介

人气排行 如何用Dreamweaver制作电子相册下拉菜单全攻略-用Dreamweaver制作下拉菜单用Dreamweaver实现ASP数据库动态网站建设用Dreamweaver CS3制作下拉菜单如何在DW中插入Flash的参数详解Dreamweaver标签选择器的妙用巧用dreamweaver模板批量制作网页优化HTML代码加快网页速度