從HTML + CSS開始 | html style
從HTML+CSS開始原始版本:http://www.w3.org/Style/Examples/011/firstcss.en.html[1]翻譯:webpractice[2]聲明:原始版本(英文版)是唯一的官方版本。中文(繁體)版本是根據W3C網站上的文件翻譯的,可能存在某些錯誤。翻譯不保證譯文完全準確。請您自己承擔風險。這個簡短的教程是提供給想要開始使用CSS的,又以前從來沒有編寫過CSS樣式表的人。 它沒有太多的介紹CSS,僅僅介紹瞭如何創建一個HTML文件、一個CSS文件,又如何讓它們一起工作。之後,你可以參考其它教程[3]裡的任何一個,再來給HTML和CSS文件添加更多功能。或...
從HTML + CSS開始原始版本: http://www.w3.org/Style/Examples/011/firstcss.en.html[1]
翻譯: web practice[2]
聲明:原始版本(英文版)是唯一的官方版本。中文(繁體)版本是根據W3C網站上的文件翻譯的,可能存在某些錯誤。翻譯不保證譯文完全準確。請您自己承擔風險。
這個簡短的教程是提供給想要開始使用CSS的,又以前從來沒有編寫過CSS樣式表的人。
它沒有太多的介紹CSS,僅僅介紹瞭如何創建一個HTML文件、一個CSS文件,又如何讓它們一起工作。之後,你可以參考其它教程[3]裡的任何一個,再來給HTML和CSS文件添加更多功能。或者你可以切換到使用專用的HTML 或 CSS 編輯器[4],幫助你設置複雜的網站。
在教程的最後,你會製作出一個HTML文件,如下所示:
生成的HTML頁面,有顏色和佈局,都是使用CSS製作的。
請注意,我並沒有說這是好看的。☺
像這樣的區段都是可自選的。示例中包含了HTML和CSS代碼一些額外的說明。標記“alert!” 在開端表明這是比文本中其它的更高級的素材。
第一步:編寫HTML對於這個教程,我建議你只使用最簡單的工具。例如:Notepad(在windows裡),TextEdit (在Mac上)或是KEdit (在KDE裡)就可以了。一旦你了解這個原理,你就會想要切換到更高級的工具,甚至是商業程序,如Style Master,Dreamweaver或GoLive。但對於你的第一個CSS樣式表,最好不要因為使用太多的高級功能而分心。
不要使用文字處理器,如Microsoft Word或OpenOffice。它們通常製作出網絡瀏覽器不能讀取文件。 對於HTML和CSS,我們需要簡單的純文本文件.
第一步打開你的文本編輯器(Notepad,TextEdit,KEdit,或是任何你喜歡的文本編輯器),在一個空的窗口開始,...