【正文】
0px 20px 20px 200px。textalign: left。textalign: left。fontsize: 14px。borderspacing: 0。}a:focus,a:hover {textdecoration: none。margintop: 0。}h1 {fontsize: 24px。color: FFF。margin: 0 auto。(3) ,可以看到如圖11所示的頁面。(1) 在文本編輯器中輸入以下標記:!DOCTYPE html PUBLIC //W3C//DTD HTML html lang=enheadmeta equiv=ContentType content=text/html。雖然對于這個示例需要使用下載的代碼,但是建議對于大多數(shù)章節(jié),您最好手動輸入示例代碼,這樣可以熟悉語法并體會到示例中不同代碼的作用。通過這個示例,您可以對CSS的作用有一個大致的了解,同時也將親自動手編寫樣式表。然后在Advanced選項卡中,選中Show All File Extensions復(fù)選框。然后單擊“確定”按鈕。為了確保在Windows中正確保存HTML文件,選擇“開始”|“運行”命令,輸入Explorer(或者右擊“開始”菜單,然后從彈出菜單中選擇“資源管理器”命令)以打開Windows資源管理器。除此之外,還有非常流行的Adobe Dreamweaver(),這個產(chǎn)品將文本編輯器的功能與WYSIWYG(What You See Is What You Get,所見即所得)代碼生成器的功能結(jié)合起來,為使用HTML和CSS創(chuàng)建網(wǎng)頁提供了一個圖形界面?!?TextMate 可從?!?HTMLkit 。下面介紹Windows中幾種可以使用的文本編輯器:● Notepad++ 可從。在Mac OS X中,與Notepad程序相當?shù)氖荰extEdit,它位于Mac OS X Applications文件夾中。Windows中的Notepad程序就是編寫源代碼的一個理想的文本編輯器。但Microsoft Word 這樣的文字處理程序并不適合CSS,因為它們會自動完成有助于寫信或?qū)憰脑S多工作,例如自動更正拼寫,但是在編寫代碼的時候這些功能只會適得其反。通過使用CSS表現(xiàn)Web文檔,可以大量減少網(wǎng)站規(guī)劃和開發(fā)的時間。許多瀏覽器都為初級用戶提供了這種功能,但其仍然是通過CSS實現(xiàn)的?!?網(wǎng)站用戶可以編寫自己的樣式表,提高網(wǎng)站的可訪問性。● 使用樣式表可以提高下載速度,因為使用CSS的Web文檔占用的帶寬比較少?!?使用樣式表可以針對不同的設(shè)備類型對網(wǎng)站內(nèi)容進行優(yōu)化。用戶可以選擇最喜歡的一種外觀形式。因此設(shè)計人員可以獨立于HTML編寫CSS。在傳統(tǒng)的HTML文檔中,表現(xiàn)形式完全包含在每個文檔的主體中。如果能有效使用CSS的眾多功能,那么可以減少網(wǎng)站所占用的硬盤空間以及服務(wù)器和瀏覽器之間傳輸網(wǎng)站所需的帶寬。 使用CSS的優(yōu)點通過使用CSS表現(xiàn)Web文檔,可以大大減少編寫單個文檔乃至整個網(wǎng)站所花費的時間。本書將討論CSS ,并介紹CSS 3中提供的一些可以在如今的瀏覽器中應(yīng)用的新功能。目前,CSS 3是候選的推薦標準。后來,W3C又發(fā)布了3個CSS規(guī)范。CHSS后來成為了CSS,因為它并不是只能應(yīng)用到HTML上。在1994年,現(xiàn)任Opera Software(一家公司,后文還會提到) CTO的H229。制定Web標準的主要組織是萬維網(wǎng)聯(lián)盟(World Wide Web Consortium,W3C)。CSS的由來對于現(xiàn)在的CSS創(chuàng)作者并不是十分重要,所以如果您的時間很緊張,那么可以跳過下面一部分內(nèi)容。其主要的優(yōu)勢在于,相同的CSS可以用在多個頁面上,這樣在調(diào)整整個網(wǎng)站的樣式時就不需要單獨修改每個頁面。第1章 層疊樣式表簡介1第 章層疊樣式表簡介本章主要內(nèi)容:● CSS定義● CSS的歷史● 用CSS增強HTML文檔層疊樣式表(Cascading Style Sheets,CSS)是描述使用標記語言(例如HTML)編寫的文檔外觀的一種語言。利用CSS可以控制文本的顏色、字體的樣式、段落的間距、分欄的大小和布局、背景的圖像或顏色以及其他各種視覺效果。CSS最常見的用法是設(shè)計網(wǎng)頁的樣式,當與HTML、XHTML(用來描述內(nèi)容)或JavaScrip