在CSS中,外部樣式是一種非常有用的工具。它可以將CSS代碼從HTML中分離出來,使得代碼更加清晰易懂。下面我們來看一下外部樣式的語法。
/* 在HTML文檔中引用外部樣式表 */ <link rel="stylesheet" href="樣式表路徑/樣式表名.css">
上面的代碼可以在HTML文檔中引用一個外部樣式表。其中,rel="stylesheet"表明這是一個樣式表,href="樣式表路徑/樣式表名.css"指定了樣式表的路徑和文件名。
/* 外部樣式表的代碼 */ 選擇器 { 屬性: 值; 屬性: 值; ... }
上面的代碼展示了在外部樣式表中定義樣式的語法。其中,選擇器指定了需要應用樣式的元素,屬性和值指定樣式。
除了上面的基本語法之外,還有一些高級的語法可以用于外部樣式,例如@media查詢、@import、@font-face等等,我們將在后續文章中逐一介紹。