举个例子： 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%宽。