实战开始经验要点

字符实体

在HTML开发中，有些字符，不适于直接写出，如大于小于号；因此用：
用>表示大于号>；
用<表示小于号>；
一般的格式为：&+实体名+；
常用的实体类型：
> < " ¥ ©
对应为：> < " ¥ ©

对于浮动的清除

实战开发中，常用一个div命名类为clr用于清除浮动；

然后在CSS中控制如下：

.clr{
        clear: both;
        height: 0px;
        width: 0px;
    }

文字的数值居中

实际开发中，通常使用设置行高的方式来使文字竖直居中：
line-height: height
将文字行高设置为该块状元素的高度

浏览器的兼容问题

1.字体大小不兼容：

对于未设置大小的字体，不同浏览器或者不同版本会有不同的默认字体，因此切换浏览器会有不兼容的问题；
因此每次使用字体时，都用font-size：15px设置字体大小

2.IE低版本的不兼容

原因：
1.没有使用正确的doctype；
2.各浏览器对不同的标签的初始值不同：
3.自身书写不规范
4.浏览器的bug引起
解决：
1.正确声明doctype为strict
2.在CSS中对其进行初始化
3.增强书写规范性
4.使用CCS hack；

IE常见的bug及解决方案
1.盒模型bug：正确声明doctype为strict
2.双倍margin bug：
对于浮动元素，左右是margin定义的两倍
加上：_display:inline;专门解决IE问题
3.不认识a:link：使用时直接：a，不加：link
4.三像素margin bug：注意规范浮动以及及时清除浮动