![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)
#div_test #只代表这是一个ID选择器
。仅代表是一个类别选择器
#号后面的是元素的ID
。号后面的是元素类名
如果没# .这种标识符 那就不能区分div_test 是ID选择器，还是类别选择器
代码就无法执行，，，
这个学久了自然就能理解。。。。
刚开始学的时候，我也不理解
还有就是那个标签选择器，
为什么会叫标签选择器，而不叫元素选择器呢
那是因为标签名就是元素名
元素是一个整体的概念，元素名仅仅只代表元素的名称
p元素，它的名称就是p
<p>这是个标签，标签名就是P
标签是由元素名与<>组成
而元素是由开始标签与结束标签组成
*是通配符，，
表示所有
* { margin:0}
重置所有元素的边距
其实就是对css样式进行一个初始化设置，避免CSS样式在不同的浏览器中有着不同的解释和呈现。就是在css文件的开头
下面是雅虎的 css reset
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0
margin: 0
}
table {
border-collapse: collapse
border-spacing: 0
}
fieldset,img {
border: 0
}
address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal
font-style: normal
}
ol,ul {
list-style: none
}
caption,th {
text-align: left
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal
font-size: 100%
}
q:before,q:after {
content:”
}
abbr,acronym {
border: 0
}
* 号是通配符的意思（如果你学过正则表达式就更好，里面有类似的写法），指整个页面里的所有元素，一般用于CSS的重置（css reset)的写法，比如设置margin:0 padding: 0及默认字体等。浏览器是有默认的样式的，这种css reset可以覆盖浏览器默认样式。而且，页面中所有能够继承的属性，比如页面中所有的div，会自动具有这些属性的默认值，比较方便。
![前端js 输入框限制（只能输入数字，10位小数，除0[0-9]、.、--、-0[0-9]、-.不能开头外，其他的都可以）？](/aiimages/%E5%89%8D%E7%AB%AFjs+%E8%BE%93%E5%85%A5%E6%A1%86%E9%99%90%E5%88%B6%EF%BC%88%E5%8F%AA%E8%83%BD%E8%BE%93%E5%85%A5%E6%95%B0%E5%AD%97%EF%BC%8C10%E4%BD%8D%E5%B0%8F%E6%95%B0%EF%BC%8C%E9%99%A40%5B0-9%5D%E3%80%81.%E3%80%81--%E3%80%81-0%5B0-9%5D%E3%80%81-.%E4%B8%8D%E8%83%BD%E5%BC%80%E5%A4%B4%E5%A4%96%EF%BC%8C%E5%85%B6%E4%BB%96%E7%9A%84%E9%83%BD%E5%8F%AF%E4%BB%A5%EF%BC%89%EF%BC%9F.png)
