在我們開發網頁時,經常會使用到外部樣式表和外部腳本來實現一些特效或者優化我們頁面的表現。那么什么是外部樣式表和外部腳本呢?
外部樣式表:即將網頁中的所有樣式定義在一個獨立的.css文件中,然后在html文件中通過標簽引用。
示例代碼:
在style.css文件中我們可以定義網頁中的所有樣式,如下代碼:body {
background-color: white;
font-size: 16px;
color: black;
}
...
外部腳本:即將網頁中的javascript代碼定義在一個獨立的.js文件中,然后在html文件中通過在main.js文件中我們可以定義對網頁的操作和邏輯,如下代碼:var date = new Date();
var hour = date.getHours();
if (hour< 10) {
document.write("早上好!");
} else if (hour< 16) {
document.write("下午好!");
} else {
document.write("晚上好!");
}
使用外部樣式表和外部腳本,減少了代碼冗余,同時也方便我們維護和修改各自獨立的樣式和腳本文件。上一篇復選框css按鈕