一、Position
1、语法:position:static/ absolute / fixed / relative
2、参数:
一、Width
1、语法:width:auto/ length
2、参数:
一、Display
1、语法:display:block / inline / none / compact / marker / inline-table / list-item / run-in / table / table-caption / table-cell / table-column / table-column-group / table-footer-group / table-header-group / table-row / table-row-group
2、参数:
CSS作为布局格式化和修饰的工具,为数据和表现相分离提供了强有力的支持,也受到人们越来越多的重视。作为技术交流平台,我们将CSS的各常用属性、伪类、伪对象及用法制作成了在线手册,供大家学习查询使用。
一、布局属性
1、float:设置对象是否以及如何浮动;
自从1996年CSS1的推出,W3C组织就建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层<div>。
盒模型主要定义四个区域:内容(content)、内边框距(padding)、边框(border)和外边距(margin)。
对于初学者,经常会搞不清楚margin,padding之间的层次、关系和相互影响。下面我们一起看一个实例,以便于加深理解。
前面已经说过,Web标准的网站最大的特点就是实现了数据与表现相分离。传统的Table布局因它的局限性很难实现。为达到这样的目的,人们开发了CSS,让它来处理表现方面的事情。理论上说,有了CSS的帮助,任何一个标签都可以作为容器出现。而此时我们要介绍的是一个在Web标准设计的网页中经常要用到的标签——DIV。
一、什么是DIV
DIV也是XHTML所支持的标签之一。在布局上,可以把DIV看成是一个大的容器,里面可以是内容也可以是其他的容器。DIV决定了整体页面的结构,而CSS决定了网页的表现,是排版、效果等不再依赖Table。开发一个简单局部的网页只需要DIV和CSS就可以了,所以也有人称之为Div+Css布局。
CSS效验的目的同XHTML效验一样,都是为了让我们养成良好的书写习惯,使网页兼容各种浏览器。
关于遵循W3C标准设计的好处就不多说了,下面重点介绍一下在效验过程中的几种常见错误。
请先看这样一段代码:




