【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制�
相关文档：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表格头行固定：使用CSS实现</title>
<style type="text/css" >
div.DivContainer /* Div */{
overflow: scroll;
border: solid 1px gray; ......
提供一种用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;
}
......
CSS hack是指我们为了兼容各浏览器，而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表，显示了各浏览器对css hack的支持程度，对我们制作兼容网页非常有帮助。
屏蔽IE浏览器（也就是IE下不显示） *:lang(zh) select {font:12px !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF ......
这是一个标准的CSS下拉菜单制作教程，有针对目前流行的IE6/IE7/IE8不同版本的CSS代码，因此可以在IE之间完全兼容，不过其它的浏览器像火狐/GG浏览器之类的没有测试，如果兼容IE8的话，那么兼容火狐应该问题不大吧。菜单使用蓝色基调，滑向二级菜单更换背景，操作的感觉很舒服。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XH ......
