![CSS 点击按钮以后修改DIV的高度，代码怎么写？[有代码]](/aiimages/CSS+%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E4%BB%A5%E5%90%8E%E4%BF%AE%E6%94%B9DIV%E7%9A%84%E9%AB%98%E5%BA%A6%EF%BC%8C%E4%BB%A3%E7%A0%81%E6%80%8E%E4%B9%88%E5%86%99%EF%BC%9F%5B%E6%9C%89%E4%BB%A3%E7%A0%81%5D.png)
class是类选择器，允许以一种独立于文档元素的方式来指定样式。
在使用类选择器之前，需要修改具体的文档标记，以便类选择器正常工作。
为了将类选择器的样式与元素关联，必须将 class 指定为一个适当的值。请看下面的 HTML 代码：
<h1 class="important">This heading is very important. </h1><p class="important">This paragraph is very important. </p>
在上面的代码中，两个元素的 class 都指定为 important：第一个标题（ h1 元素），第二个段落（p 元素）。
扩展资料
class 值中包含一个词的情况。在 HTML 中，一个 class 值中可能包含一个词列表，各个词之间用空格分隔。
例如：如果希望将一个特定的元素同时标记为重要（important）和警告（warning），就可以写作：<p class="important warning">This paragraph is a very important warning. </p>这两个词的顺序无关紧要，写成 warning important 也可以。
假设 class 为 important 的所有元素都是粗体，而 class 为 warning 的所有元素为斜体，class 中同时包含 important 和 warning 的所有元素还有一个银色的背景 。
就可以写作：.important {font-weight:bold} .warning {font-weight:italic} .important.warning {background:silver} 通过把两个类选择器链接在一起，仅可以选择同时包含这些类名的元素（类名的顺序不限）。
参考资料来源：百度百科-类选择器
class选择器：用于描述一组元素的样式，html元素通过class属性来设置class选择器，可以用于多个html元素，一个元素也可以有多个class选择器。以“.”来定义。
.class是指的“.”后面跟class的名字，比如<div class="info">要对class属性中包含info的元素样式进行改动就使用
.info{font-size:14px
background-color:#000
}
来进行改动。
红线处所标记的语句是多元素的组合选择器中的毗邻元素选择器（E+F），是匹配所有紧随E元素之后的同级元素F。
progress不是选择器是一个html5中的标签样式，是用来定义运行中的进度（进程）的。
active是当被选中元素被点击（按下状态）时的状态，比如要给p元素增加点击状态下的样式就使用:
p:active{color:blue
}
使用方法是:active。使用 :link 选择器对指向未被访问页面的链接设置样式，:visited 用于设置指向已访问页面的链接的样式，:hover 选择器用于设置鼠标指针浮动到链接上时的样式。
个人认为在使用起来没什么区别，最终效果也是一样的；分开来的一个作用一个是方便维护，还有就是有存在样式组合的情况，比如你为所有标题定义了一个ID样式，里面的包含了字体、字号、加粗，这几样，这样所有标题都应用这个ID的样式就可以了，后来你又想让每个标题有不同的颜色、不同的下划线，这样就根据不同的标题再为它们定义不同的class样式，分别是关于字体颜色和下环线样式的，这样，再给不同的标题引用一下各自的class样式就可以了，也许在样式表不大的情况下这样坐并没有节省多少效率，但是如果样式表很大的话，这样会更方便维护；
再有就是跟程序挂钩了，很多情况下后台程序多会使用ID找到相关的信息，而class似乎是专门为前端服务的，ID的命名也许是程序开发人员根据功能命名的，而前端美化人员可能会从另一个角度为样式命名，这样我们可以使用class，用我们的规律来为其命名，当然，这么坐的主要目的还是方便维护；
以上是个人观点，水平有限，高手莫笑话
