![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)
1、双击打开HBuilder工具，新建一个HTML5静态页面模板。
2、在<body></body>标签内，插入一个div标签，并设置对应的ID属性和内容。
3、在CSS标签内使用ID选择器，设置div标签内的内容文字大小，使用vmin。
4、保存代码并直接打开浏览器预览效果，可以发现使用vmin设置的比同值的px的要大。
5、将css样式属性中的vmin改为vmax，然后保存代码并查看效果即可。
下面是font属性的简写顺序,定义大小,字体之类font:font-style
font-variant
font-weight
font-size/line-height
font-family
颜色用color属性
color
例子：如果页面上有一ID为content的Div，要求字体大小为12px,字体为arial，斜体，颜色为红色，则在CSS文件中写：
#content{
font:
italic
12px
arial
color:red
}
