網站CSS重新調整,全面支援IE6與FireFox 2.0!! (Web) (CSS)

KJC這個skin雖然漂亮,但有些地方它還是不小心使用了絕對字型,如12px,像我是用10.6吋的NB,很多字型對我來說太小了,所以字型必須重新修正,另外我也改了banner圖片,若你的skin是KJC,可以參考我的改法。

除了得兼顧我的10.6吋NB,也要兼顧大部分人12吋以上的環境,我的另一台NB就是13吋,這次CSS的調整除了兼顧了10.6吋和13吋的環境外,也針對了FireFox 2.0,以前我的網頁在SUSE,Fedora下看起來都怪怪的,這次一併解決,IE7我沒去測,網友momo截了兩張IE7的圖給我看,看起來還可以,以下是我這次修改用的CSS。

/*標題字型*/
.posthead h2 
{
  font-size
:1.2em;
  font-weight
:600;
  margin
:0px;
}

/*文章內文字型*/
.postbody 
{
  font-size
:1.1em;
}

.postbody a 
  font-size:1.1em;
}
.postbody p 
{
  font-size
:1.1em;
}

/*文章內文程式碼字型,!important一定要加*/
.postbody div 
{
  font-size
:1.1em !important;
  font-family
:"Consolas","Verdana";
}

/*左側字型*/
#cell ul li a 
{
  font-size
:1em;
}

#cell 
{
  font-size
:0.95em;
}

.LeftCell 
{
  font-size
:0.7em;
}

/*隱藏title*/
#Header1_HeaderTitle 
{
  display
:none;
}

/*改變標題圖片*/
#top 
{
  background-image
:url("http://images.cnblogs.com/cnblogs_com/oomusou/HeaderBg4.jpg");
  background-position
:left;/*預設為右邊*/
  background-repeat
:no-repeat;/*不重複圖片*/
}

你可能感兴趣的:(firefox)