做網(wǎng)頁時,我們需要添加樣式來美化它。使用樣式表就是用文件統(tǒng)一管理樣式,這里我們來介紹如何添加外部樣式表 CSS。
首先,你需要在你的項目文件夾中創(chuàng)建一個新的 CSS 文件。打開文本編輯器,比如說 Notepad 或者 Sublime Text,創(chuàng)建一個名為“style.css”的文件。在這個文件中,你將定義所有的樣式,并將它們鏈接到你的 HTML 文件。
接下來,我們需要告訴 HTML 文件去哪里找這個樣式表文件。在你的 HTML 文件的頭部部分(head 標簽)添加下面這行代碼:
``````
這行代碼通過 rel 屬性告訴瀏覽器該鏈接是一個樣式表,并且它的 href 屬性告訴瀏覽器它的文件是 style.css,并且在頭部部分間添加這行代碼。
在 style.css 文件中,我們可以開始添加樣式了。例如,我們可以使用以下代碼來設置所有段落(p 標簽)的文本顏色為紅色:
```
p {
color: red;
}
```
我們可以在整個文檔中添加多個樣式,只要在字符選擇器中定義它們。例如:
```
p {
color: red;
font-size: 20px;
}
h1 {
font-family: Arial;
font-size: 40px;
color: blue;
}
```
在上面的代碼示例中,我們有兩個不同的字符選擇器。第一個定義了所有的段落(p 標簽),將它們的文本顏色設為紅色,將它們的字體大小設為 20 像素。第二個選擇器定義標題(h1 標簽),并將標題的字體設為 Arial,字體大小設為 40 像素,文本顏色設為藍色。
在定義好樣式表之后,你就可以使用它們來美化你的 HTML 頁面了。這是一個使用外部樣式表 CSS 的基礎入門,但是使用 CSS 還有很多其他的技巧和特性。盡情挖掘,開啟你的編程之旅吧!
上一篇多個css丟包