div css(页面布局代码示例)-IT技术网站

divcss

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

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标签：用于布局栏目标题