DIV+CSS是WEB设计标准,它是一种网页的布局办法。与传统中通过表格(table)布局定位的方法不同,它能够完成网页页面内容与体现相分离。提起DIV+CSS组合,还要从XHTML说起。XHTML是一种在HTML(标准通用符号语言的子集)基础上优化和改善的新语言,目的是基于XML使用与强大的数据转化才能,适应未来网络使用更多的需求。
“DIV+CSS”其实是错误的叫法,而标准的叫法应是XHTML+CSS。因为DIV与Table都是XHTML或HTML语言中的一个符号,而CSS仅仅一种体现形式。也许其提出者本意并没有错,但是跟风者从体现曲解了其意思,认为整个页面就应当是DIV+CSS文件的组合。

div

divcss页面布局代码示例

DIVCSS5为我们实例讲解肯定定位布局。肯定定位我们要用到款式position:absolute和position:relative,同时需求top、bottom、left、right合作布局完成DIV肯定定位。通过真实事例演示与介绍肯定定位布局办法技能。
遇到以上的不规则事例布局,如果运用float、padding等起浮完成比较费事,但运用position肯定定位即可很好简单地完成。接下来DIVCSS5为我们介绍position肯定定位办法布局以上小的事例。
一、用到CSS款式和HTML标签及相应解说-TOP
1、要用到CSS款式单词及解说
position:肯定定位款式完成DIV定位布局其设置值absolute和relative使用
width:宽度,设置目标宽度
height:高度,设置目标高度
line-height:行高,设置文本行高
left:设置div目标靠左间隔
right:设置div目标靠左间隔
top:设置div目标靠左间隔
bottom:设置div目标靠左间隔
background:背景,设置背景图片和颜色
color:设置字体颜色
font-size:设置字体大小
font-weight:设置字体加粗
2、用到HTML标签及解说
div标签:用于布局结构结构
ulli标签:用于布局列表型数据列表
h3标签:用于布局栏目标题

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注