在進行網站開發時,我們經常需要用到CSS樣式表,這些樣式表包含了網頁中所需要的各種樣式,如字體樣式、顏色樣式、布局樣式等。而CSS樣式表的保存方式一般有兩種,即內部樣式表和外部樣式表。
內部樣式表是直接寫在HTML文件的<head>標簽中的<style>標簽里。這種保存方案最大的好處是方便,只需要在HTML文件中直接寫出樣式即可,不需要引入外部樣式表。但是,如果一個站點的樣式表都是直接寫在HTML文件中,那么當這個站點需要修改樣式時,就需要對每個HTML文件都進行修改,效率極低,因此實際工作中這種保存方式很少使用。
<!DOCTYPE html> <html> <head> <style> p { font-size: 16px; color: #333; } </style> </head> <body> <p>Hello world!</p> </body> </html>
另一種保存CSS樣式表的方式則是外部樣式表,也就是將所有的CSS樣式定義存儲在一個獨立的.css文件中,通過在HTML文件的<head>標簽中使用<link>標簽來引入該文件。這種保存方式的優勢是一旦樣式表被定義后,修改樣式時只需要修改這個外部的.css文件即可,不影響HTML文件,非常便于維護。
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>Hello world!</p> </body> </html>
總體來說,CSS的外部樣式表更加靈活、易于維護,它能夠讓我們把所有的樣式信息集中在一個文件中,從而提高開發效率,并且讓我們的代碼更加整潔和規范。
上一篇css外部樣式制作
下一篇css外部樣式左對齊