外部CSS是指將CSS代碼單獨存儲在一個.css文件中,并在HTML頁面中使用link標簽引用。這種方式可以使網頁代碼更加清晰、簡潔,也方便對CSS進行統一管理和維護。
下面是一個示例:
HTML代碼: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <h1>這是一個標題</h1> <p>這是一個段落。</p> </body> </html> CSS代碼: h1 { color: red; font-size: 36px; } p { color: blue; font-size: 24px; }
在上面的代碼中,CSS代碼被保存在一個名為style.css的文件中,并通過link標簽在HTML頁面中引用。其中,h1和p標簽被設置了樣式,h1標簽的顏色為紅色,字體大小為36像素,p標簽的顏色為藍色,字體大小為24像素。
通過將CSS代碼單獨存儲在一個文件中,我們可以輕松地修改樣式,而不需要修改HTML代碼。這樣可以提高代碼的可讀性、可維護性和可擴展性。
上一篇mysql不能顯示數據庫
下一篇外部css刪了之后沒變化