實戰(zhàn)開始經(jīng)驗要點

字符實體

在HTML開發(fā)中,有些字符,不適于直接寫出,如大于小于號;因此用:
>表示大于號>;
<表示小于號>;
一般的格式為:&amp+實體名+;
常用的實體類型:
> < " ¥ ©
對應為:> < " ¥ ?

對于浮動的清除

實戰(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ī)范浮動以及及時清除浮動

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,162評論 1 92
  • 一:在制作一個Web應用或Web站點的過程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護性以及技術因素的...
    Arno_z閱讀 1,365評論 0 1
  • <a name='html'>HTML</a> Doctype作用?標準模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,840評論 1 19
  • 愛情,是新鮮的,羞澀的,應該是你嘗到之后就會無比精神,卻又無法一口氣全部吞下!這就是青澀吧。愛情最美好的東西,不是...
    莫忘初衷閱讀 246評論 0 1
  • 今天上線App,結(jié)果出現(xiàn)了從未遇到過的問題。如下圖: 原因是App Store不允許 x86_64, i386 架...
    XieHenry閱讀 706評論 3 1

友情鏈接更多精彩內(nèi)容