如何用文本文檔打css
要制作網頁,不可避免地需要用到css。雖然有各種代碼編輯器,但用文本文檔寫css也是個不錯的選擇,更何況在有些情況下文本文檔是必須的。
下面是如何用文本文檔打css的步驟:
1. 創建文本文檔
首先,需要在電腦上創建一個文本文檔。可以右鍵選擇新建文本文檔,或者打開記事本點擊文件 - 新建。
2. 命名文件
第二步,將文件命名為 xxx.css,其中 xxx 為網頁的名稱。務必加上 .css 后綴名,這樣電腦才會認為這是個樣式表文件。
3. 編寫css代碼
在文本文檔中輸入 css 代碼,比如:
body { font-size: 14px; color: #333333; background-color: #F8F8F8; }
在預設樣式前加上選擇器(本例中是 body),然后添加花括號 {},在其中添加樣式。也可以添加多個選擇器,用逗號隔開。
4. 保存文件
保存文件時,點擊 文件 - 保存 或直接按 ctrl + S。由于已經命名為 xxx.css,電腦會自動保存為樣式表文件。
至此為止,你已經可以用文本文檔來寫 css 了。只需將 .css 文件與網頁的 .html 文件放在同一個文件夾下,并在 .html 中引入 .css 文件,即可使樣式生效。
結論
雖然用文本文檔寫 css 不如用代碼編輯器那樣方便,但它可以讓你學到更多基本的代碼知識,更好地理解 css 的作用。