在編寫網頁樣式時,CSS樣式代碼是必不可少的。那么,CSS樣式代碼應該輸入在哪里呢?
<head> <style type="text/css"> .text-color { color: red; } </style> </head>
CSS樣式代碼通常會被放置在HTML頁面的<head>標簽中,使用<style>標簽來定義。在<style>標簽中,我們可以編寫任意數量的CSS樣式。這樣,同樣的樣式可以在多個HTML標簽中使用。
當然,也可以將樣式代碼放置在一個單獨的CSS文件中,然后在HTML頁面的<head>標簽中使用<link>標簽來引入:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在CSS文件中,我們同樣可以編寫任意數量的CSS樣式,但是需要注意的是,樣式代碼必須放置在選擇器中。選擇器可以是HTML標簽、類、ID等,用來指定要應用樣式的HTML元素。
.text-color { color: red; }
在這個例子中,我們使用了類選擇器“.text-color”,并設置了它的文字顏色為紅色。當在HTML頁面中使用<span class="text-color"></span>標簽時,文字顏色便會被設置為紅色。
無論是在HTML文件中或是CSS文件中編寫樣式代碼,正確的輸入和排版可以讓代碼更加清晰易讀,提高工作效率。