9-10月
我这里按我的使用经验,把XHTML标准中的一些元素,分为三大类:
第一类是我称之为辅助布局设计元素:
这里我指的是DIV,SPAN等,这类元素的主要功能是用来布局整个页面的,灵活使用这些元素的各种属性,可以让你的页面表现丰富多彩.
第二类我称为结构化元素或叫信息元素
这里指的是TABLE,UL,PRE,CODE类元素是一种信息显示与整理方式,比如TABLE很明显就是用来显示表格信息的,UL是用来显示列化信息的,当需要用表格或列表的时候,用这二种方式来显示是明智的。
第三类指的是这样的,完全是为了实现一些功能,如填上关键字的META keyword,还有做链接的A。
那么正确的符合标准的设计思路是:
使用DIV等布局元素来制作页面的设计布局,定位,色块,图片等
使用TABLE,UL等这样的元素来显示页面中需要展示数据
当然,DIV也起整理数据的作用,使用DIV的ID属性可以很方便的将一个DIV作为一个你名命的数据块。
所以使用WEB标准来制作网站,实际是一个信息合理化整合的一个过程,什么地方该用什么元素还是照用不误,别把表格当布局工具就行。
在父亲级TEXT-ALIGN: center; ，为解决浏览器的问题MARGIN-LEFT: auto; COLOR: #fff; MARGIN-RIGHT: auto;
绝对定位于相对定位问题：
|
static |
默认值。无特殊定位，对象遵循HTML定位规则 |
|
absolute |
将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body 对象。而其层叠通过 z-index 属性定义 |
|
fixed |
未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范 |
|
relative |
对象不可层叠，但将依据 left ， right ， top ， bottom 等属性在正常文档流中偏移位置 |
说明：
检索对象的定位方式。
设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。此时对象不具有外补丁( margin )，但仍有内补丁( padding )和边框( border )。
要激活对象的绝对(absolute)定位，必须指定 left ， right ， top ， bottom 属性中的至少一个，并且设置此属性值为 absolute 。否则上述属性会使用他们的默认值 auto ，这将导致对象遵从正常的HTML布局规则，在前一个对象之后立即被呈递。
设置此属性值为 relative 会保持对象在正常的HTML流中，但是它的位置可以根据它的前一个对象进行偏移。在相对(relative)定位对象之后的文本或对象占有他们自己的空间而不会覆盖被定位对象的自然空间。与此不同的，在绝对(absolute)定位对象之后的文本或对象在被定位对象被拖离正常文档流之前会占有它的自然空间。放置绝对(absolute)定位对象在可视区域之外会导致滚动条出现。而放置相对(relative)定位对象在可视区域之外，滚动条不会出现。
内容的尺寸会根据布局确定对象的尺寸。例如，设置一个 div 对象的 height 和 position 属性，则 div 对象的内容将决定它的宽度( width )。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 position 。
Div随着文件流重上往下流，如果不用relative,absolute定位。（自己试验的出的，这是一个方法，当网络给不了你答案时）
Left: 检索或设置对象与其最近一个具有定位设置的父对象左边相关的位置.
a:link : 设置对象在未被访问前的样式
a:active : 设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。
a:visited: 设置对象在其链接地址已被访问过时的样式
a:hover: 设置对象在其鼠标悬停时的样式。
Overflow: 检索或设置当对象的内容超过其指定高度及宽度时如何管理内容.
