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 ......
区别span div p 三个标签的用法
span和div的不同之处在于span是内联的，用在一小块的内联HTML中，前后不断行.
div元素是块级的（简单地说，它等同于其前后有断行），用于组合一大块的代码。
p(段落)元素是块级的,前后断行,而且还要再隔一行.相当于断两行.
<div> 可定义文档中的分区或节（division ......
第一章：应知道
1.1 DIV+CSS
的叫法是不准确的
我想凡是来到“这个专题”的同学，很大部分是冲着DIV+CSS来的，目的就是学习
DIV+CSS的，说的再直接一些就是学习如何用DIV+CSS布局页面，如何从一张图片制作成标准的DIV+CSS页面。
如果你看完第一段还没有发现错误的话，那你就很有� ......
盒模型，是XHTML
+CSS
布局
页面中的
核心！是关系到设计中排版定位的关键，都遵循盒模型规范，例如<div>、<p>、<a>……盒模型包含
(外
边距)margin，(内边距)padding ，(内容)content，(边框)border。
下图是CSS盒模型的示意图
这些属性我们可以把它转移到我们日常生� ......
