HTML 5和CSS 3是目前Web領(lǐng)域被討論的熱門話題，HTML 5被看做是未來的Web開發(fā)標(biāo)準(zhǔn)，而CSS 3的新特性也讓人們備受期待。

　　最基礎(chǔ)的東西

　　剛?cè)腴T的網(wǎng)頁設(shè)計人員最常犯的錯誤是創(chuàng)建一個無法修改的樣式表，容納了過多的class（類）和id，維護(hù)難度非常大。假設(shè)你想改變你發(fā)布的文章的標(biāo)題顏色，而其它文章的標(biāo)題顏色保持默認(rèn)的顏色，不用給每個標(biāo)題都增加一個big-red類，明智的方法是使用div類打包你發(fā)布的文章（可能是post），然后為你想要修改的標(biāo)題創(chuàng)建一個選擇器，如：

 .post h2 {  
     font-weight: bold;  
     color: red;  
 } 
　　網(wǎng)頁字體和字體裝飾
　　font-face
　　關(guān)于font-face在網(wǎng)絡(luò)上的討論已經(jīng)夠多了，爭論的焦點是這個屬性是否會給設(shè)計帶來視覺上的混亂，有些人認(rèn)為應(yīng)該按自己意愿選擇任意字體，但另外的人則認(rèn)為應(yīng)該使用網(wǎng)頁安全字體。 
　　無論你持何種觀點，有一點你必須得承認(rèn)，使用font-face的網(wǎng)站看起來就是要美觀些。font-face屬性的使用是相當(dāng)簡單的，首先上傳你想使用的字體到你的網(wǎng)站，并給它取一個好的名字。font-face的基本格式如下：
 @font-face {  
     font-family: Museo Sans;  
     src: local(“Museo Sans”), url(MuseoSans.ttf) format(“opentype”);  
} 
　　控制溢出
　　通過text-overflow屬性控制當(dāng)文本溢出其容器時顯示什么，例如，如果你想讓新聞列表中的所有項目占據(jù)的高度都一樣，這時你可以使用CSS增加省略號表示由更多的文本內(nèi)容未顯示，在iPhone中我們經(jīng)常看到這樣的應(yīng)用。這個屬性在最新的Safari、Opera、IE6（溢出元素應(yīng)該設(shè)置一個寬度，如100%）和 IE 7中有效，在Opera中還必須加上廠家特殊的屬性。 
 li {  
  white-space: nowrap;  
 width: 100%;  
overflow: hidden;  
 -o-text-overflow: ellipsis;  
 text-overflow: ellipsis;  
}         

        

        
        
      
        
it知識庫：定義未來Web樣式 CSS 3最新特性一覽，轉(zhuǎn)載需保留來源！
        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。