久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

CSS3 HTML5實(shí)例五(使用 @Font-Face 實(shí)現(xiàn)定制字體)

Web 設(shè)計(jì)中有幾種字體是比較安全的,如 Arial,Helvetica, Verdana, Georgia, Comic Sans (中文的,一般來(lái)說(shuō)宋體是唯一安全的 - 譯者),現(xiàn)在,使用 CSS3 的 @font-face 可以自己指定字體,不過(guò)因?yàn)闋砍兜?

  \

  Web 設(shè)計(jì)中有幾種字體是比較安全的,如 Arial,Helvetica, Verdana, Georgia, Comic Sans (中文的,一般來(lái)說(shuō)宋體是唯一安全的 - 譯者),現(xiàn)在,使用 CSS3 的 @font-face 可以自己指定字體,不過(guò)因?yàn)闋砍兜桨鏅?quán)問(wèn)題,實(shí)際能用的字體也是有限的 (另外,體積龐大的中文字體也是一個(gè)不好解決的問(wèn)題 - 譯者)。

  語(yǔ)法如下:

  @font-face {

  font-family:’Anivers’;

  src: url(’/images/Anivers.otf’) format(’opentype’);

  }

  支持的瀏覽器: Firefox 3.1, Safari, Opera 10 and IE7 (需要一番周折,如果你不怕麻煩,可以在 IE 實(shí)現(xiàn)這個(gè)功能,請(qǐng)參考: make font-face work in IE )

  雖然 CSS3 尚在開發(fā)中,上面提到的這些功能已經(jīng)可以在部分瀏覽器中使用了,尤其是 Safari。不幸的是,Safari 并非主流瀏覽器。

  Firefox 目前擁有大量用戶基礎(chǔ),另外,即將推出的 Firefox 3.1 支持不少 CSS3 效果,因?yàn)?Firefox 用戶的升級(jí)積極性很高,因此,會(huì)有不少用戶可以提前體驗(yàn) CSS3 的新功能。

  Google Chrome 今年剛剛發(fā)布,它基于 Webkit 引擎,因此和 Safari 很相似,因?yàn)?Safari 主要用于 Mac 市場(chǎng),Chrome 可以正好彌補(bǔ) Windows 市場(chǎng)的空缺。

  根據(jù)統(tǒng)計(jì)數(shù)據(jù),2008年11月止,44.2% 的用戶使用 Firefox, 3.1% 使用 Chrome, 2.7% 使用 Safari,意味著 CSS3 的部分功能已經(jīng)可以支持近半 Internet 用戶,而在 Web 設(shè)計(jì)圈子,這個(gè)比例可能更高,大約有 73.6% (Blog.SpoonGraphics 提供的數(shù)據(jù))

  6. 負(fù)面因素

  上面講述的這些 CSS3 功能會(huì)給你的網(wǎng)站帶來(lái)出色的效果,但仍有一些負(fù)面的因素必須考慮:

  Internet Explorer: 46% 的 Internet 無(wú)法看到這些效果,因此不要將這些東西用于重要的設(shè)計(jì)。同時(shí)保證,在這些效果不起作用的地方,有替代設(shè)計(jì)可用。

  CSS 驗(yàn)證問(wèn)題: 這些 CSS3 功能并非最終版本,目前不同的瀏覽器使用不同標(biāo)簽實(shí)現(xiàn)這些功能,可能為你的 Style Sheet 帶來(lái)驗(yàn)證上的問(wèn)題。

  臃腫代碼: 因?yàn)椴煌瑸g覽器要使用不同定義語(yǔ)法,最終將導(dǎo)致你的 CSS 代碼十分臃腫。

  不當(dāng)?shù)氖褂? 對(duì)這些效果的不當(dāng)使用,可能帶來(lái)一些不良后果,陰影效果尤其如此。

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外,其他素材未做測(cè)試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

近來(lái),HTML5和CSS3的發(fā)展速度還是很可觀的,國(guó)內(nèi)外不乏一些大站,酷站都在使用最新的技術(shù)。面對(duì)新的技術(shù),我們?cè)撊绾握_的把握和使用到今后的項(xiàng)目實(shí)戰(zhàn)中呢?針對(duì)這一問(wèn)題,浩子
純javascript+CSS3制作精美時(shí)鐘。該實(shí)例主要應(yīng)用了CSS3中transform屬性(translate、rotate)、border-radius屬性。 CSS樣式: style type=text/css body { background: black; } .fill { position: absolute; top: 0; right: 0
CSS3動(dòng)畫實(shí)例--jQuery+CSS3制作轉(zhuǎn)動(dòng)的3D立方體動(dòng)畫實(shí)例,該實(shí)例引用了jQuery v2.0.0插件以及velocity.min.js插件。主要應(yīng)用了CSS3中transform屬性。 CSS代碼: body { background-image:radial-gradient(circle, #
一、CSS3 animation 簡(jiǎn)介 在開始介紹Animation之前我們有必要先來(lái)了解一個(gè)特殊的東西,那就是Keyframes,我們把他叫做關(guān)鍵幀,玩過(guò)flash的朋友可能對(duì)這個(gè)東西并不會(huì)陌生。CSS3的Animation就是由
CSS3漸變背景動(dòng)畫應(yīng)用,嚴(yán)格來(lái)說(shuō),目前各個(gè)瀏覽器都還不支持css3的漸變背景的動(dòng)畫,所以在制作的時(shí)候我們要靈活變通下,這里有兩種方法可以曲折實(shí)現(xiàn)漸變背景的動(dòng)畫: 方法一:
隨著技術(shù)的發(fā)展,代碼在不斷的進(jìn)步,進(jìn)而替代一些圖片所能實(shí)現(xiàn)的效果,其中CSS3屬性中Box-shadow表現(xiàn)陰影效果是現(xiàn)代瀏覽器中是一個(gè)非常有用的技巧,通過(guò)它我們可以做出很多非常酷
主站蜘蛛池模板: 嫩草在线视频 | 美女福利视频 | 国产欧美精品一区二区三区 | 91成人在线观看喷潮蘑菇 | 134vcc影院免费观看 | 亚洲黄色在线 | 国产a久久麻豆入口 | 高跟肉丝丝袜呻吟啪啪网站av | 欧美激情五月 | 亚洲久久久久 | 日日不卡av| 日皮视频免费看 | 成人免费视频网站 | 2014天堂网| 亚洲一区二区久久 | 99一区二区 | 国产精品一二 | 欧美激情免费 | 在线亚洲天堂 | 99福利视频| 青草国产 | 日韩一区二区三区视频 | 日日操视频 | 一区二区三区国产视频 | 艳妇诱春(第5部分)(h) | 黄色一级大片在线免费看国产一 | 亚洲成人一区二区 | 久久精品视频网站 | 日韩免费在线观看 | 婷婷在线视频 | 亚洲最大的网站 | 美日韩精品 | 天堂在线中文资源 | h片在线观看免费 | 国产免费小视频 | 欧美亚洲一区 | 中文字幕亚洲精品 | 色日韩| 97cao| 国产精品美女久久久久av爽 | 国产91精品在线观看 |