前言：
本书特色
关键知识点：
学习建议：
注重基础知识的学习，深刻理解web标准的意义，勤练习多编码善于思考
在线交流：
http://www.52css.com
http://www.w3cbbs.com 专门针对本书的学习交流板块
http://www.52css.com/book/ 源码
联系：computerbook@126.com
一、 Hello World
- Clear,IE页面布局的外观表现一致（也有影响），Firefox会错乱
- IE6 中对高度的解释是默认行距的高度，设置溢出隐藏可以避免此问题的出现，实现“最小高度”
- 将图片定位居左，底部，当内容较多是背景图片滑动与底部对齐，在图片高度的有效范围内不会被内容撑破—container
H1是居左，顶部，同一张背景图两者结合形成闭合的圆角边框，在这张图片的有效高度内可以进行相对自有滑动 - Text-indent:2em; 段落首行缩进两个汉字的空格，相对单位em
- 布局时，添加背景色
二、简洁布局之变换的CSS
- Container层在sider层前面（虽然页面上sider在container前面）
反向浮动的益处：1，2，3搜索引擎蜘蛛对页面进行爬行 - Id，class命名：以含义，不以表现（大小）、位置
- 适当的注释，
<!—main_End-->发布时可以去掉 - Logo设计、关于表单的id与name(后台name获取值，id方便定义样式)、li设置独立的id、表单输入框美化
- 定制图像按钮—特殊的表单元素，行距大于高度可以使汉字在容器中更好的垂直居中对齐
- 文档标题h1,h3,,h2预留，，取决于整站结构与栏目组织情况
- A标签内含有图片元素时边框的处理，border:0; //ie6,8，firefox试了好像没有
- 图片格式，色彩丰富且有色彩渐变过渡—jpg，色彩简单无过渡—gif（或png）
三、古色古香的古典风格网站设计
1．图片属于网站内容图片，并非页面表现图片
2．为什么标题用h4，内容终端页两级标题—h1，h2；首页，栏目列表页栏目标题h3
3．先主体后细节，先勾勒总体布局框架，再
4．网站文件目录与文件情况
