在網頁制作中,我們通常需要使用到CSS文件去控制網頁的樣式,而如何引用CSS文件也是十分重要的。下面介紹一些引用CSS文件的方法。
首先,我們需要編寫CSS文件,如下代碼所示:
body {
background-color: #f2f2f2;
}
h1 {
color: red;
}
將上述代碼保存在一個名為“style.css”的文件中。
接下來,在HTML文件中引用這個CSS文件。有兩種方法可以實現:
1. 內部引用:
在HTML文件的head標簽中插入以下代碼:
其中,rel指定樣式表的類型為“stylesheet”,href指定要引用的CSS文件的路徑和名稱(在本例中是style.css)。這樣,在HTML文件中的所有元素將被樣式表所控制。
2. 外部引用:
只需在HTML文件中使用link標簽,指向CSS文件的URL地址即可。
其中,type指定文檔類型為“text/css”,href指定樣式表所在的URL地址。在這種方式下,HTML文件與CSS文件在不同的服務器上也可以正常工作。
總之,在使用CSS文件時,合理選擇引用方式,可以更好的管理網頁樣式,并且提高可維護性。下一篇怎么css初始化