舉個例子： test.html <html> ...... <link rel="stylesheet" type="text/css" href="style.css" /> ...... <div id="div1" style="border-top: red 1px solid;"> <div id="div2" class="divClass"> ...... </html> ------------------------------- style.css div.divClass{ border-top: red 1px solid; } ------------------------------- 上邊的兩個div的樣式是相同的 style是HTML中直接定義樣式，class可用于引用定義好的css類(class)，實現重用等。 另外，在JS中，style就是用style關鍵字來使用 上例中是document.getElementById("div1").style class要使用className關鍵字來使用 上例中是document.getElementById("div2").className
style是html元素的一個屬性，在這里可以直接設置元素的樣式，class也是一個屬性，但它是通過預定義的樣式使元素應用樣式的。比如：div .box {width:80%;} 那么只要div的class引用了這個box那它的寬度就是父級容器的80%寬。