在 web 開發中，我們使用 HTML 來表示頁面的結構，使用 CSS 來控制頁面的樣式，而 JavaScript 則用于實現交互效果等等。然而，在某些情況下，我們可能會遇到不能引用 CSS 的情況。
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>Hello World!</p>
<script>
document.write("This is JavaScript");
</script>
</body>在上面的代碼中，我們在 head 中引用了樣式表 style.css，然后在 body 中輸出了一個段落，并在后面添加了一個 JavaScript 部分。這種方式是最為常見的，也最為方便的方式。但是，如果我們不能引用 CSS，會發生什么呢？
<body>
<p style="font-size: 20px; font-weight: bold; color: #f00;">Hello World!</p>
<script>
document.write("This is JavaScript");
</script>
</body>在這個例子中，我們使用了 style 屬性，直接在段落元素中設置了樣式。這個方式看上去很簡單，但是會帶來一些問題。首先，當我們需要修改樣式時，我們必須在每一個需要修改的地方都修改一遍，非常繁瑣。其次，這個方式不利于代碼的復用和維護。最后，很多樣式都是可以共用的，使用樣式表可以更好地管理這些共用的樣式。
因此，我們需要盡可能地避免使用 inline style，而盡可能地使用外部樣式表。當然，有些情況下我們也可以使用內部樣式表，但是這通常是在局部性比較明顯的情況下，比如說某個 div 區域中的樣式。總之，讓 CSS 保持獨立，讓 HTML 負責內容，讓 JavaScript 負責交互，遵循這樣的原則才能使得我們的代碼更加健壯，可維護性更高。
上一篇html5定時跳轉設置
下一篇HTML5官方代碼