CSS外部樣式編碼格式是指將CSS代碼放置在外部文件中,通過鏈接引入到HTML文檔中,以統一管理和使用。
CSS外部樣式文件的編碼格式應該使用UTF-8,以支持更多的字符集和語言。
下面是一個CSS外部樣式文件的示例:
/* style.css文件 */ /* 定義全局字體和顏色 */ body { font-family: Arial, sans-serif; color: #333; } /* 定義導航欄樣式 */ .navbar { background-color: #fff; border-bottom: 1px solid #ccc; padding: 10px; } /* 定義按鈕樣式 */ .btn { display: inline-block; padding: 10px 20px; background-color: #ccc; color: #fff; border: none; border-radius: 5px; cursor: pointer; } /* 定義鏈接樣式 */ a { color: #007aff; text-decoration: none; } /* 定義圖像樣式 */ img { max-width: 100%; height: auto; }
在HTML文檔中,通過<link>標簽來引入樣式文件:
<head> <meta charset="UTF-8"> <title>我的網站</title> <link rel="stylesheet" href="style.css"> </head>
以上代碼會將style.css文件鏈接到HTML文檔中,并在頁面中應用樣式。
使用CSS外部樣式文件可以幫助我們更好地組織和管理樣式,使得樣式代碼更加清晰、易于維護。