【DIV+CSS入门教程】一、DIV+CSS的叫法是不准确的
第一章：应知道
1.1 DIV+CSS
的叫法是不准确的
我想凡是来到“这个专题”的同学，很大部分是冲着DIV+CSS来的，目的就是学习
DIV+CSS的，说的再直接一些就是学习如何用DIV+CSS布局页面，如何从一张图片制作成标准的DIV+CSS页面。
如果你看完第一段还没有发现错误的话，那你就很有必要，接着往下看。
DIV+CSS这种叫法其实是一种很错误的叫法，这是国人一厢情愿的叫法，而标准的叫法是什么呢？
呵呵，没错，是xHTML
+CSS，不理
解吧，我来细细给你说，如果下面的你能理解，保证面试的时候会有很大的帮助，同时也可以让你后面的学习更轻松。
为
什么国人将这种页
面布局
的方法叫做DIV+CSS？
因为过去布局页面基本上都是用Table布局，也可以说是Table+CSS，而现在布局页面呢，用DIV，所以叫DIV+CSS，听起来也挺合理，认
为这样布局出来的页面也就是标准页面，甚至有些人走了个极端，看到其他网站用到Table，就会嘲笑页面做的不够标准，好似用不用Table成为了页面是
否标准的一个标尺。现在我可以告诉大家，凡是有着这种行为的，都学得不咋样，很皮毛！
用了Table页面就不标准了?!纯粹无稽之谈，那什么才是标准页面呢？先看一个专业概念，WEB标准，然后我会问三个问题，你来回答：
WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构
（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML
，表现
标准语言主要包括CSS，行为标准主要包括对象模型（如W3C
DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European
Computer Manufacturers Association）的ECMAScript标准。
看明白了没有？问题来了~先不要看答案，从上面的概念中找出
问题一：WEB标准有几部分组成？
问题二：结构化标准语言是什么？
问题
三：表现标准语言是什么？
答案一：三部分，结构、表现、行为
答案二：XHTML和XML
答案
三：CSS
看完上面三个问题，哪什么是标准页面呢？呵呵，说白了就是按照WEB标准制作的页面，从第二个问题和第三个问题中，我们又可以说，用XHTML和CSS
制作的页面就是标准页面，也就是说xHTML+CSS制�
相关文档：
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="LeftMenu.ascx.cs" Inherits="LeftMenu" %>
<mce:style type="text/css"><!--
body {
margin: 0;
padding: 30px;
background: #FFF;
color: #666;
}
h1 {
font: bold 16px Arial, Helvetica, sans-serif;
}
p {
font: 11px Arial, ......
四个css工具：fonts,grids,reset,base
使元素标准化的reset.css
以下普通而常用的元素都将margin和padding值标准化到0
the document body
div and p
所有list 元素：dl,dt,dd,ul,ol,li
标题级元素：h1,h2,h3,h4,h5,h6
pre和blockquote元素
某些表单元素：form,fieldset,input,textarea
table元素：t ......
IE vs FF
CSS 兼容要点：DOCTYPE 影响 CSS 处理
FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一 ......
提供一种用CSS代码实现自动截取字符串的方法：
CSS代码如下：
<style>
body{
background-color:#f4f4f4;
font-size:12px;
}
div.test{
width:200px;
height:100px;
border:1px solid red;
border-top:4px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
......
区别span div p 三个标签的用法
span和div的不同之处在于span是内联的，用在一小块的内联HTML中，前后不断行.
div元素是块级的（简单地说，它等同于其前后有断行），用于组合一大块的代码。
p(段落)元素是块级的,前后断行,而且还要再隔一行.相当于断两行.
<div> 可定义文档中的分区或节（division ......
