CSS一直是網頁設計中非常重要的一部分,而記事本則是一款非常常用的文本編輯器,本文將介紹如何在記事本中使用CSS。
首先,我們需要在記事本中打開一個HTML文件。接著,在
標簽中添加一個標簽,用于鏈接CSS文件。下面是具體的代碼:<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
上面的代碼表示在當前HTML文件中鏈接一個名為style.css的CSS文件。接著,在同目錄下新建一個style.css文件,輸入以下代碼:
body { background-color: #f2f2f2; font-family: Arial, sans-serif; } h1 { color: #333; } p { color: #666; }
上面的代碼定義了整個頁面的背景顏色、字體類型,以及標題和段落的顏色。
除此之外,我們還可以使用內聯樣式來直接在HTML標簽中定義樣式。例如,下面的代碼在一個段落中定義了字體大小、顏色和行高:
<p style="font-size: 18px; color: #333; line-height: 1.5;"> 這是一個使用CSS的段落。 </p>
最后,在寫好CSS樣式后,我們需要在瀏覽器中打開這個HTML文件來查看效果。由于記事本不太適合編輯代碼,建議使用專業的代碼編輯器來編寫CSS。