舉個(gè)例子： 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; } ------------------------------- 上邊的兩個(gè)div的樣式是相同的 style是HTML中直接定義樣式，class可用于引用定義好的css類(lèi)(class)，實(shí)現(xiàn)重用等。 另外，在JS中，style就是用style關(guān)鍵字來(lái)使用 上例中是document.getElementById("div1").style class要使用className關(guān)鍵字來(lái)使用 上例中是document.getElementById("div2").className
style是html元素的一個(gè)屬性，在這里可以直接設(shè)置元素的樣式，class也是一個(gè)屬性，但它是通過(guò)預(yù)定義的樣式使元素應(yīng)用樣式的。比如：div .box {width:80%;} 那么只要div的class引用了這個(gè)box那它的寬度就是父級(jí)容器的80%寬。