CSS与DIV
考试要求: 掌握     
知识路径:  > 电子商务系统程序设计基础  > Web 设计基础  > CSS3 样式表  > CSS3样式表


 
       DIV层是网页制作中用于定位元素或者布局的一种技术,层的布局比表格更加灵活,它能够将层中的内容摆放到浏览器的任何位置,同时放入到层中的HTML元素可以为:文字、图像、动画或者是另一个DIV层。一个网页中也可以使用多个层,层与层之间可以重叠。同时配合CSS样式表可以对层进行精确定位和显示。
       层的创建
       基本语法:
       
       语法说明:层由成对的
标签来定义,在进行层的定义时,需要将层的样式同时定义,否则在网页中不会显示出来。position属性代表定位方式,可以是绝对定位或者相对定位等。left和top属性进行左边距和顶端间距的设置。width和height属性进行宽度和高度设置。
       定位方式position
       基本语法:
       
       语法说明:static表示为静态定位,是默认设置;absolute表示绝对定位,与位置属性top、bottom、right、left等结合使用可实现对元素的绝对定位;relative表示相对定位,对象不可层叠,但也要依据top、bottom、right、left等属性来设置元素的具体偏移位置。
       设置位置top/bottom/right/left
       基本语法:
       
       语法说明:top、bottom、right、left分别表示对象与其他对象的顶部、底部、左边和右边的相对位置;auto表示采用默认值;长度值包括数字和长度单位;百分比作为属性,可以是相对值。
       设置层的宽width和高height
       基本语法:
       
       语法说明:width表示的是宽度,而height表示的是高度。长度包括长度值和单位,长度也可使用相对值中的百分比。
       设置层可见visibility
       基本语法:
       
       语法说明:visible表示该层是可见的;hidden表示该层被隐藏,是不可见的;inherit表示子层或子元素会继承父层或父元素的可见性,父级元素可见则子级元素也可见。
 

更多复习资料
请登录电脑版软考在线 www.rkpass.cn

京B2-20210865 | 京ICP备2020040059号-5
京公网安备 11010502032051号 | 营业执照
 Copyright ©2000-2025 All Rights Reserved
软考在线版权所有