外部CSS連接到HTML文件的方法
在網(wǎng)頁開發(fā)中,我們經(jīng)常需要將外部CSS文件連接到HTML文件,這樣,我們就可以在HTML文件中使用CSS樣式來美化網(wǎng)頁,如何連接外部CSS文件到HTML文件呢?
我們需要在HTML文件的頭部引入CSS文件,在HTML文件的<head>
標(biāo)簽內(nèi),我們可以使用<link>
標(biāo)簽來引入CSS文件。
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在上面的代碼中,style.css
就是我們要引入的外部CSS文件,使用rel="stylesheet"
屬性告訴瀏覽器這是一個樣式表文件,type="text/css"
屬性指定了文件的類型,href
屬性指定了文件的路徑。
除了使用<link>
標(biāo)簽引入CSS文件外,我們還可以在HTML文件中使用@import
規(guī)則來引入CSS文件。
<head> <style> @import url('style.css'); </style> </head>
在上面的代碼中,@import url('style.css');
就是將外部CSS文件style.css
引入HTML文件的代碼,需要注意的是,使用@import
規(guī)則引入CSS文件時,需要在<style>
標(biāo)簽內(nèi)編寫代碼。
無論是使用<link>
標(biāo)簽還是@import
規(guī)則,我們都可以將外部CSS文件連接到HTML文件中,這樣,我們就可以在HTML文件中使用CSS樣式來美化網(wǎng)頁了。