由于各瀏覽器(IE、gecko、opera......)對CSS的渲染方式都有所不同，造成顯示效果不同，所以可通過對其載入不同CSS的方法來解決，下面介紹下二種方法來實(shí)現(xiàn)，不一定很實(shí)用，難的玩一把。
純CSS方式
以下是引用片段：
Code
.box{
width:20em;
height:20em;
background:#369;
}
/*--gecko內(nèi)核--*/
@mediaalland(min-width:0px){
box{
background:#CC0000;

如何使DIV居中
主要的樣式定義如下：
body {TEXT-ALIGN: center;}

css當(dāng)中有許多平時很少用的屬性，但是這些屬性有時候被發(fā)掘出來以后就會立刻引起一些人的追逐，首字大寫就是這樣一種效果。最近越來越多的blogger開始在自己的blog中運(yùn)用這一方法，東西很簡單，下面就來給大家介紹一下用:first-letter偽類來實(shí)現(xiàn)這種效果的方法:

一.使用css縮寫
使用縮寫可以幫助減少你CSS文件的大小，更加容易閱讀。css縮寫的主要規(guī)則請參看《常用css縮寫語法總結(jié)》，這里就不展開描述。

在當(dāng)前瀏覽器普遍支持的前提下，css被我們賦予了前所未有的使命。然而依賴css越多，樣式表文件就會變得越大越復(fù)雜。與此同時，文件維護(hù)和組織的考驗(yàn)也隨之而來。

認(rèn)清CSS的類class和標(biāo)識id選擇符——在CSS初級教程中我們僅僅考慮了HTML選擇符──以HTML標(biāo)簽形式出現(xiàn)。你當(dāng)然可以用類選擇符class和標(biāo)識選擇符id來定義自己的選擇符。這樣做的好處是，依賴于class或者id，你可以不同地表現(xiàn)相同的HTML元素。

三列的布局，一個固定寬度的左列是導(dǎo)航列，右列可以放Google Ads 或者 Flickr的像冊，自適應(yīng)寬度的中間列是主要內(nèi)容。

Snook.Ca最近給所有的CSSer提出了一些寫CSS時候的“頂級技巧”。
字體大小使用px
在一行內(nèi)聲明CSS
對比下面兩個：
h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;}
h2 {
font-size:18px;
border:1px solid blue;
color:#000;
background-color:#FFF;
}
第二種看起來的

三列的布局，一個固定寬度的左列是導(dǎo)航列，右列可以放Google Ads 或者 Flickr的像冊，自適應(yīng)寬度的中間列是主要內(nèi)容。

如果用傳統(tǒng)的方法制作這個翻轉(zhuǎn)菜單，至少需要把圖片切成10塊，還要加上JS代碼，在圖片按鈕上再加行為，現(xiàn)在完全用CSS來實(shí)現(xiàn)，圖片只要一張，見下圖：
CSS代碼:
以下是引用片段：
#imgmenu{
width:450px;
height:25px;/*高度是背景圖片的一半*/
background:url(/imagelist/06/43/473648jpj0j1.gif);
list-style-type:none;
padding:0px;
margin

這是div+css布局中經(jīng)常會碰到的基礎(chǔ)問題，個人覺得采用背景圖填充的方法，還是比較簡單和切實(shí)可行的。最終效果。
CSS源代碼:以下是引用片段：
body{
background:#EDEDED;
font-size:70%;
font-family:Arial,Helvetica,sans-serif;
line-height:130%;
color:#666666;
margin:0;
padding:0;
text-align:center;
}
#layout{

現(xiàn)在國內(nèi)絕大多數(shù)的站點(diǎn)都用CSS把字體大小設(shè)定為12px，像素雖然也是相對尺寸單位，但只是相對于屏幕的分辨率 ，當(dāng)屏幕的分辨率一定時，如果你感到字太小，閱讀有困難，在非標(biāo)準(zhǔn)瀏覽器中就無能為力了，所以說，如果把單位改成em，那么就可以用CTRL+鼠標(biāo)滾動把字放大，或者用菜單上的查看>文字大小來改變字的大小。

在CSS中，一個經(jīng)常被人們討論的先進(jìn)之處即背景圖像的可層疊性，并允許他們在彼此之上進(jìn)行滑動，以創(chuàng)造一些特殊的效果。根據(jù)CSS2.0當(dāng)前的規(guī)定，每一個背景圖像都需要各自的HTML元素。在許多情況下，典型的標(biāo)記已經(jīng)為一般的接口組件提供了多種元素以供我們使用。
標(biāo)簽導(dǎo)航欄就是其中的一個例子。過去，我們頻繁的使用這些標(biāo)簽，并已成為了一種非常流行的站點(diǎn)導(dǎo)航方式�，F(xiàn)今，在CSS已被廣泛支持的前景下，我們可以為我們站點(diǎn)制作出更高質(zhì)量和更好外觀的標(biāo)簽導(dǎo)航欄來。你也許知道CSS可以用來“馴服”無序的列表，或許你還曾經(jīng)看到過這種樣式的標(biāo)簽列表：
如果我們想用和以上類似的標(biāo)記，將導(dǎo)航標(biāo)簽變成這種樣式，該怎么辦呢？

用css制作撲克牌
Quote聲明：此文章是我對Mike Hall 源代碼的研究得到 了解更多請到
第一步：
分析撲克牌的結(jié)構(gòu)，看看是由哪些元素組成的
它的布局都是很有規(guī)律的不說你也能看出來，左上有個撲克的大小碼，卡片圖形分布分左中右均勻排放，ASCII中能找到A-10的元素，然后給每個格子放上相應(yīng)的圖片就成了一張撲克牌了。至于是AJQ K那就更簡單了，中間部分放一個大的元素就行！
第二步：
制作1.做一個card，定義卡片的大小和位置Quotes From css
.cardbackground-image:url(graphics/cardback.gif);border-color:#808080 #000000 #

由于各瀏覽器(IE、gecko、opera......)對CSS的渲染方式都有所不同，造成顯示效果不同，所以可通過對其載入不同CSS的方法來解決，下面介紹下二種方法來實(shí)現(xiàn)，不一定很實(shí)用，難的玩一把。
純CSS方式
以下是引用片段：
Code
.box{
width:20em;
height:20em;
background:#369;
}
/*--gecko內(nèi)核--*/
@mediaalland(min-width:0px){
box{
background:#CC0000;