正则表达式中oninput="value = value.replace(/[^\d.]/g,"")"表示什么

在中括号中的小数点就表示小数点字符
obj.value = obj.value.replace(/[^\d.]/g,"");
[^\d.] 表示所有除了数字和小数点以外的字符
这个等式将所有其它字符都替换为空，只保留obj.value中的数字和小数点

永远不要忘记声明英文字体，并且英文字体应该在中文字体之前

　　记住这个事实：绝大部分中文字体里包含英文字母（但是基本上都很丑），而英文字体里不包含中文字符。在网页里中/英文混排是很常见的，你绝对不会喜欢用中文字体显示英文的效果，所以一定不要忘了先声明英文字体： 根据font-family的原则，假如客户终端不认识前面的字体，就自动切换到第二种字体，第二种不认识就切换到第三种，以此类推。假如都不能识别就调用默认字体

　　根据font-family的字体调用原则，我们可以为英文、中文等两种字体调用不同的字体来渲染。如：Arial,'Times New Roman'这两种字体不认识中文，只认识英文，所以这两种字体只能渲染英文数字和一些特殊符号，而页面中的中文就会自动调用第三种字体Microsoft YaHei(PS:假如存在这种字体的话)。

　　所以在定义字体的时候把英文的字体写在前面把中文的写在后面。这样，系统就会自动按顺序依次给字用字体，如果当前字体不支持文本，自动换用列表中的下一个字体。

关于width的不同

scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。
clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。
offsetWidth：对象整体的实际宽度，包滚动条等边线，会随对象显示大小的变化而改变。
innerWidth：
window.innerHeight=浏览器窗口的内部高度
window.innerWidth=浏览器窗口的内部宽度

特别注意字体问题

上图中，虽然设置了margin-right=24px,但是发现居然没有完全贴合右边的元素
解决方法：父元素设置font-size=0，该元素设置自身的font-size即可解决问题，实现严丝合缝