中國青年

[ Notes ] CSS的5個偽類@page，@media，@important，@font-face，@charset

1. @page sPageSelector { sRules }
   sPageSelector - [ :first | :left | :right ]}
   例如：
   @page :first { body { font-size : 12 px; } }Rule applies to the first page in the collection.
   @page :left { body { font-size : 10 px; } }Rule applies to pages on the left side of the binding—verso pages.
   @page :right { body { font-size : 14 px; } }Rule applies to pages on the right side of the binding—recto pages.
2. @media sMediaType { sRules }
   sMediaType - [ screen | print | all ]
   例如：
   @media screen { body { font-size : 12 px ; } } 普通顯示樣式
   @media print { body { font-size : 10 px ; } } 打印顯示樣式
   @media all { body { font-size : 14 px ; } } 所有顯示樣式
3. @important url("sUrl") = @important "sUrl"
   sUrl = links an external style sheet to a document.
   例如：
   @important url("sUrl") 等于 LINK REL="stylesheet" TYPE="text/css" href="sUrl"
   @important "sUrl"
4. @font-face { sFace }
   sFace - [ font-family | src:url(sUrl) ]
   /* 聲明字體 */
   例如：
   @font-face { font-family : geogia ;} 等于 BASEFONT face="sFace"
   @font-face { url(sUrl);}

   This paragraph uses the font-face rule defined in the above style element. The rule embeds an OpenType file for the Comic Sans font.

5. @charset sCharacterSet
   /* 聲明字符集 */
   例如：
   @charset "gb2312" 等于 META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252"

posted on 2008-04-26 19:07 王戰鋒 閱讀(858) 評論(0)  編輯  收藏 所屬分類: CSS