CSS页面元素

每个元素都有一个默认的不可见的box,property:margin,border,padding;

CSS's selector is selection for element;

页面主体元素：是指在页面的<body>元素中所包含的各种元素，如<div>元素，<span>元素等，这些元素构成了页面的主体内容；有些自身包含显示效果，但大部分只是作为显示内容的容器；

1 区域元素	div	用来在页面中定义一个区域；
2 内容元素	span	用来定义一个大区域内小区域的特殊属性；
3 列表元素
3.1无序列表	<ul><li>
3.2有序列表	ol
3.3定义列表	dl
4 段落元素	p
5 标题元素	h1
6 图像元素	img
7 表单元素	form

元素的补白：	padding,padding-top,-right,bottom,-left;
元素的边框：	border,-style,-width,-color,top,right,bottom,left;
元素的边界：	margin,top,right,bottom,left;
元素的定位：	position:static/absolute/fixed/relative;

ul { ul是对嵌套div的一个更好的替代方案；

padding:0;

margin:0;

list-style:none; 去掉了ul中的所有圆点表示；

虽然样式表可以套用在任何标签上，但<div>、<span>二者的使用大大的扩展了HTML的应用范围。

<div>是一个块级元素，可以包含段落、标题、表格，乃至章节和备注等，

<span>是行内元素，其前后是不会换行的，它没有结构的意义，纯粹是为了应用样式，当其它行内元素都不合适时，可以使用<span>标签。

1 辅助布局设计元素：div,span，用来布局整个页面；

2 结构化元素（或信息元素）,table,ul.pre,code,是一种信息显示与整理方式，比如用table显示表格状的数据信息，用ul来显示序列化信息；

3 超链接或关键字灰类的；

div除了布局的主要功能外，也可起到整理信息的任用，且能精确到1px来控制其显示位置；表格则要麻烦一点；

选择合适的标签：

1 布局：div是首选；

2 文本：h1,p

3 图片及其它对象：image,object

4 列表元素：包括列表型内容，及导航设计：ul,ol,li,dl,dt,dd;