css使用 常见问题(1)

@问题1.DIV 域 SPAN的区别

(1)DIV是块元素，使用会产生分行( 会换行 )；SPAN是一个行内元素，使用不会产生分行（不会换行）

(2)div对象的默认显示模式display:block; span对象默认显示模式display:inline;

(3)div对象的任务是呈现一个块状内容； span对行内元素进行结构编码以方便样式设计

@问题二 class 和 id的区别

class的主要功能，用来对对象的样式设置，id除了可以定义样式之外，还可以成为网站交互行为一个特殊标识。

(1)id名字在每个页面中只能允许出现一次。

***何时使用id：

1.样式只使用一次

2.用于对页面的区域进行标识

3.声明方式 --> #xxx{样式列表}

***何时使用class

1.同一页面中出现多次

2.通用及经常使用的元素

3.class高级使用技巧-同时使用多个类

<p class="content red newsblock">hello</p>

4.声明方式 --> .xxx{样式列表}

@问题三 关于float

把网页理解为是立体的，有不同的层次，那么浮动的DIV和不浮动的DIV是不在同一平面的；

1.float的作用就是将DIV定义为浮动DIV，比如float:left; 让这个DIV浮动到左边；

2.把普通不浮动的DIV理解为背景，浮动DIV就是放在背景上面的东东，所以要浮在左右都行，设置宽度或高度，

也不会受到背景的影响，可以自由设置。

3.总之理解为他们是在不同平面上工作的就行。

更多关于float : http://www.w3school.com.cn/css/css_positioning_floating.asp