DIV+CSS使用过程中所收集的资料
最近正在帮朋友做一个基于WEB2.0的网页。以前做网页时网页中的定位一般采用Table表格的方式来完成，熟门熟路去完成一个站点没啥问题；现在流行的2.0标准，不但在语言上有提升（要么是.Net，要么是PHP5.x），而且在网页的组织样式(DIV标签)，层叠样式表（CSS），Ajax技术等，都是全新的概念，好在自己在年前已经关注这方面的技术，通过近半年的学习，体会颇深，全新的网页架构方式确实具有无穷的魅力，与格调单一的table来比较，它的优势真的很大：表现层、结构层、数据层分离，方便分工合作；灵活的风格调用，使得同一个结构，可以有若干个网页风格样式（现在的博客一般采用这种方式）；实时的数据更新（Ajax技术）让网页更加的亲民，更具魅力……
现在发一些我在学习，使用过程中所收集的这方面相关资料：
一、XHTML常用标签介绍
一段时间以来，发现有很多人XHTML
都不会用，不光是普通的初学者，有的程序员都不是很清楚该怎么写这个XHTML
，我这里呢算是把一些常见的应 用问题做一个总结，也算能使得大家能在沟通，合作上能形成默契。
XHTML
里有很多的标签，但是经常用到的也就是那么几个，也只要掌握这几个也就可以了。下面我们一一列 举：div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em
div
在我的脑子里我一直把他想作是一个瓶子或是箱子，我的感觉它挺硬的。这个div
没有什么特性的意义，可以使用在很多地方，也就是说他可以装不同的东西。他的正确的写法是<div></div>
必需要有封口。大家都用来做布局之用，也有用来作为存放文章形成段落，实际上，这个做法并不是很好，因为作为文章的分段自然有一个特定的标签来用。那就是下面要讲的<p></p>
标签，不过用DIV
来再整体的包住所有
的段落。这是非常实用的。
p
这是一个有特定语义的标签，表示段落，是用来区分段落的。在大部分的浏览器中对P
基本上都有一个上下的边距。但是没有行首缩进，因为行首缩进只是表示段落的方式但是不是一定或是必需的。所以在用P
标签的时候如果需要可以针对P
设定一下行首缩进，我是推荐在文章以外的地方不要使用P
，因为P
是有一定语义的， 如果用在别的地方恐不合适。正确的写法是<p></p>
span
这也是一个�
相关文档：
Eric Meyer’s CSS Reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, fo ......
很多站长都抱怨CSS对浏览器的兼容性有时让人很头疼,尤其是对于IE6这个问题多多的浏览器版本。或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声明. &nb ......
XHTML
+CSS
与SEO
的内容，后面章节会详
细给大家介绍，这里就先说一些，让大家对xHTML+CSS与SEO有一定的认识，为后面制作页面打基础，毕竟我们做出来的页面还是要给搜索引擎
看的，所以不能不提提xHTML+CSS与SEO的关系。
1)将页面中最重要的内容用
h1标签括起来，h1的内容就和页面title很自然的包含了站点或者页面� ......
我们先来分析一下块级元素、内联级元素的定义和解析：
块元素(block
element)一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。
“form"
这个块元素比较特殊，它只能用来容纳其他块元素。
如果没有css的作用，块元素
......
<html>
<head>
<mce:style type="text/css"><!--
div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div. ......
