CSS+ DIV布局

CSS+DIV 基本介绍：

html 是用来在浏览器显示的，css是用来控制html 样式的，使HTML样式和内容分离，div 是html 里的一个元素，div 可定义文档中的分区或节，div 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。用CSS来任意控制其位置，实现定位。

块元素和行内元素

行内元素，又叫内联元素，内联元素只能容纳文本或者其他内联元素。
常见内联元素： span a，input，img
特点是：只占内容的宽度，默认不换行，行内元素一般放文本或者其它的行。
块元素一般都从新行开始，可以容纳文本，其它内联元素和其它块元素，即使内容不能占满一行，块元素也要把整行占满。

常见块元素：div p
特点是：不管内容有多少，都要换行，同时占满整行，块元素可以放文本，行内元素，块元素。

注意事项：
1、一些css属性对行内元素不生效，例如margin,left，但是这个是于浏览器版本类型有关的。
2、div就是块元素，那么就拥有块元素的一切特性。

如果我们希望一个元素按照块元素的方式显示，则： display：block；
如果我们希望一个元素按照行内元素的方式显示，则： display：inline；

CSS 选择器:

id 选择器：为标有特定 id 的 HTML 元素指定特定的样式。

#para1
{
    text-align:center;
    color:red;
}

class 选择器：用于描述一组元素的样式，class可以在多个元素中使用。

.center {