字符实体
在HTML开发中,有些字符,不适于直接写出,如大于小于号;因此用:
用>
表示大于号>;
用<
表示小于号>;
一般的格式为:&
+实体名
+;
常用的实体类型:
> < " ¥ ©
对应为:> < " ¥ ©
对于浮动的清除
实战开发中,常用一个div命名类为clr用于清除浮动;
<div class="clr"></div>
然后在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:注意规范浮动以及及时清除浮动