文档介绍:float属性是CSS布局中非常重要的一个属性,用于控制对象的浮动布局方式,我们的大部分div布局基本上都通过float的控制来实现布局float的可选参数为:none/left/right<divstyle="clear:both;"></div>清除浮动。如<div id="main" class="main_body"></div>class是设置标签的类id是设置标签的标识class属性用于指定元素属于何种样式的类。 { color: lime; background: #ff80c0 } 使用方法:class="baobao"id属性用于定义一个元素的独特的样式。如一个CSS规则#binbin { font-size: larger } 使用方法:id="binbin"id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆; class是一个样式,可以套在任何结构和内容上,就象一件衣服;概念上说就是不一样的:id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。id属性是定义标签的名字,这样javascript就可以利用id来调用标签的其他属性了,class是定义改标签的CSS样式的。绝对定位使用position属性来实现。position 用于设置对象的定位方式可用值:static/absolute/relative对页面中的每一个对象而言,默认position属性都是static。如果将对象设置为position:absolute,对象将脱离文档流,根据整个页面的位置进行重新定位。当使用此属性时,可以使用top,right,bottom,left即上右下左四个方向的距离值,以确定对象的具体位置,看如下CSS:新的元素ul,在导航之前,先简要了解一下ul元素。ul是css而已中使用得很广泛的一种元素主要用来描述列表型内容,每一个<ul></ul>表示其中的内容为一个列表块,块中的每一条列表数据用<li></li>来描述display:inline-block简单来说就是将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。但是这个属性目前不是所有的浏览器都支持,只有Opera和Safari支持,FireFox3和IE8据说将会支持,Firefox2和IE使用特殊办法可以实现这种效果,下面就来探讨一下在Firefox2中有-moz-inline-stack和-moz-inline-box实现,但是这两个私有属性在某些情况下都会有异常,具体如下:1、display:-moz-inline-stack“当它所应用的外包装器(wrapper)的display为inline的时候,它所包含的a或button将无法点击或无法选取,需要通过position:relative还hack掉这个bug”--乌龙茶2、display:-moz-inline-box使用这一属性后,text-align就会出问题,必须使用Firefox的私有属性-moz-box-align来解决所以,建议不要使用-moz-inline-box,还是使用-moz-inline-stack在IE(以下IE8除外)下,如果对内联元素,比如