Skip to Content
JAVASCRIPT網頁應用程式設計
book

JAVASCRIPT網頁應用程式設計

by Alex MacCaw
January 2013
Intermediate to advanced
332 pages
5h 23m
Chinese
GoTop Information, Inc.
Content preview from JAVASCRIPT網頁應用程式設計
286
|
附錄 C
使用自訂字型,就和使用一般字型的做法一樣:
#font-example {
font-family: "Bitstream Vera Serif Bold";
}
字型檔會以非同步方式下載,等到下載完成後就會套用至網頁文字。也就是說,在自訂
字型檔還沒下載完成之前,使用者看到的網頁文字,會是某種系統預設字型。因此,建
議最好設定一種使用者電腦一定會有的字型做為備案。
目前各家瀏覽器的支援情形:
Firefox:完整支援
Chrome:完整支援
Safari:完整支援
IE >= 9:完整支援
Opera:完整支援
適度降級(Graceful Degradation
正確的 CSS 撰寫方式,應該要能夠讓應用程式適度降級(degrade gracefully)。也就是
說,應用程式的各項功能,要能在不支援 CSS3 的瀏覽器上正常運作—只不過操作介面
看起來沒那麼炫而已。
這種做法的關鍵就在於,讓瀏覽器忽略那些它看不懂的語法,像是未知的 CSS 屬性和選
取項。由於 CSS 屬性可以被覆寫,因此如果在同一組樣式規則裡,定義兩次相同的屬
性,後面的屬性定義會覆寫先前定義的屬性。舉例來說,在設定
backgroud
樣式時,如
果先設定 CSS2.1 有支援的屬性值
white
,再設定
rgba
,這麼一來,如果瀏覽器有支援
rgba
的話,就會改用這組設定值:
#example-gd {
background: white;
background: rgba(255, 255, ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発

Ethan Brown, 武舎 広幸, 武舎 るみ
PHP编程:第4版

PHP编程:第4版

Kevin Tatroe, Peter MacIntyre
Strange Code

Strange Code

Ronald T. Kneusel
Perfecting Your Thinking Skills

Perfecting Your Thinking Skills

MIT Sloan Management Review

Publisher Resources

ISBN: 9789862766811