代码值得细看，正则的运用，返回值，逗号操作符，this的绑定....
写了好几年的css还真没有注意到它们之间的区别，同时这也是一个很好的面试题。例如：问position属性有多少取值。通常的回答是static、relative、absolute和fixed。当然还有一个sticky。其实，除此之外，CSS属性通常还可以设置下面几个值：initial、inherit、unset、revert
css3中的:root,:empty,:not伪类选择器小结。
多列等高布局，算是比较常见的一种布局，要求两列布局看上去高度一致（就是通常是两列背景色一致）。
长期以来使用表格、浮动、清除浮动、行内块元素和其他CSS属性来布局网站内容。当制作一些复杂的页面时就比较吃力，不得不使用css Hack、css黑魔法来实现，例如水平垂直居中，等高布局等。Flexbox的目的就是改变这一切，最起码可以让你告别浮动、清除浮动。。。让布局更简单更智能。注: Flexbox布局最适合应用程序的组件和小规模布局，而Gird布局则适用于较大规模的布局。
在Web制作中，有些时候需要实现一些倒影的效果，可以使用非标准属性-webkit-box-reflect实现。
input中readonly属性在IE下光标仍可聚焦，设置unselectable="on"即可以解决。
oninput事件在，和 元素的值发生改变时触发。
onchange事件也是监听文本框变化后触发，不同的是oninput事件是立即（即时）触发，onchange则是在元素失去焦点时触发。
oninput事件还可以在HTMLElement.contentEditable（用于表明元素是否是可编辑的）或 document.designMode（控制整个文档是否可编辑）打开的元素上使用。
先更正一下，标题只是一个噱头，其实js根本读取不到textarea里的自动换行符。在textarea中增加属性wrap="hard"，通过同步提交可以在后台服务器获取到自动换行符。如果是在textarea里手动去换行，那是可以通过js读取到换行符的。
