CSS与DIV-软考在线

CSS与DIV


知识路径： > 电子商务系统程序设计基础 > Web 设计基础 > CSS3 样式表 > CSS3样式表 >
相关知识点：42个

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表示子层或子元素会继承父层或父元素的可见性，父级元素可见则子级元素也可见。


	相关知识点：
	文本溢出处理text-overflow（CSS.. 过渡transition 使用CSS3实现动画animation和过渡.. 设置列数column-rule 设置元素的不透明级别设置背景图像大小background-siz.. CSS基础文本阴影text-shadow（CSS3新增）.. 控制文本换行overflow-wrap和wor.. CSS/CSS3设计图像和背景 CSS/CSS3设置不透明级别和色彩设置外边距margin-top/margin-bo.. 设置图像边框border-image属性（.. CSS3基础设置重复背景图片background-rep.. 设计边框样式border-style 动画animation的实现插入背景附件background-attachm.. 渐变背景颜色处理（CSS3新增）设置列数column-count 文字排版的设置设置背景图像显示区域background.. 调整边框宽度border-width 设置背景颜色background-color CSS和CSS3基础设置边框颜色border-color CSS3样式表设置图像边框border-image属性（.. 插入背景图片background-image 文字字体的设置设置背景图片位置background-pos.. CSS3新增的多列布局 CSS/CSS3设置边框和边距使用服务器端字体@font-face（CS.. 设置背景图像原点background-ori.. CSS/CSS3设置文字效果设置填充内边距padding-top/padd.. 设置颜色color 设置多背景图像（CSS3新增）设置圆角边框border-radius属性（.. 设置列宽column-width 设置色彩模式

旗下网站群

本网站所有产品设计（包括造型，颜色，图案，观感，文字，产品，内容），功能及其展示形式，均已受版权或产权保护。
任何公司及个人不得以任何方式复制部分或全部，违者将依法追究责任，特此声明。
本站部分内容来自互联网或由会员上传，版权归原作者所有。如有问题，请及时联系我们。

工作时间：9:00-20:00

客服

商务合作

客服邮箱service@rkpass.cn