字符實體
在HTML開發(fā)中,有些字符,不適于直接寫出,如大于小于號;因此用:
用>表示大于號>;
用<表示小于號>;
一般的格式為:&+實體名+;
常用的實體類型:
> < " ¥ ©
對應為:> < " ¥ ?
對于浮動的清除
實戰(zhàn)開發(fā)中,常用一個div命名類為clr用于清除浮動;
<div class="clr"></div>
然后在CSS中控制如下:
.clr{
clear: both;
height: 0px;
width: 0px;
}
文字的數(shù)值居中
實際開發(fā)中,通常使用設置行高的方式來使文字豎直居中:
line-height: height
將文字行高設置為該塊狀元素的高度
瀏覽器的兼容問題
1.字體大小不兼容:
對于未設置大小的字體,不同瀏覽器或者不同版本會有不同的默認字體,因此切換瀏覽器會有不兼容的問題;
因此每次使用字體時,都用font-size:15px設置字體大小
2.IE低版本的不兼容
原因:
1.沒有使用正確的doctype;
2.各瀏覽器對不同的標簽的初始值不同:
3.自身書寫不規(guī)范
4.瀏覽器的bug引起
解決:
1.正確聲明doctype為strict
2.在CSS中對其進行初始化
3.增強書寫規(guī)范性
4.使用CCS hack;
IE常見的bug及解決方案
1.盒模型bug:正確聲明doctype為strict
2.雙倍margin bug:
對于浮動元素,左右是margin定義的兩倍
加上:_display:inline;專門解決IE問題
3.不認識a:link:使用時直接:a,不加:link
4.三像素margin bug:注意規(guī)范浮動以及及時清除浮動