在網頁開發中,CSS是不可或缺的一部分。外聯CSS文件是一種給網頁添加樣式的方法,它使得網頁的樣式可以單獨放在一個CSS文件中,減輕了HTML文件的負擔,也使得樣式可以復用、修改更加方便。
下面,我們來介紹如何設置外聯CSS。
1. 創建CSS文件 首先,我們需要創建一個CSS文件,可以使用文本編輯器(如Notepad等)來創建一個以“.css”為后綴名的文件,文件名可以自定義,如“style.css”。 2. 鏈接CSS文件 在HTML文件的標簽中添加標簽,用于鏈接CSS文件:其中,rel屬性指定鏈接的文件類型為樣式表;type屬性指定鏈接的文件的MIME類型為“text/css”;href屬性指定鏈接的文件路徑,必須是相對于當前HTML文件的路徑。 3. 編寫CSS樣式 在CSS文件中編寫所需的樣式,例如: body{ background-color: #f5f5f5; font-size: 16px; font-family: Arial, sans-serif; } 4. 應用CSS樣式 在HTML文件中使用CSS樣式,在需要應用該樣式的HTML元素中使用class或id屬性,例如:其中,class屬性和id屬性均可用于為HTML元素設置樣式,但class屬性一般用于同時應用于多個元素的樣式,id屬性則用于應用于單個元素的樣式。例如,我們可以為.container和.text兩個元素分別設置樣式: .container{ width: 80%; margin: 0 auto; } .text{ color: #333; line-height: 1.5; } 這樣,我們就成功地設置了外聯CSS。這是一段文本