点滴记忆
resize 版本：CSS3
resize ： none | both | inherit
说明：使元素的区域可缩放，调节元素尺寸大小。适用于任意获得"overflow"条件的容器。
textarea 有用到
textarea{ width:xxpx; height:xxpx; overflow:auto; reaize:none;}
加overflow:auto; 对于ie 开始不会出现滚动条灰白色，内容多时会出现滚动条，对于火狐一切正常但是火狐中框可以自由拖大小，让人不爽，在DW里写入样式 reaize:none;是没有提示的，加入后火狐里的textarea框就不能调整大小了。
之前是这样写的
textarea{ width:575px; height:85px; padding:2px 2px 2px 1px; border:0; margin-top:2px; font-size:12px; overflow:inherit; overflow:hidden\9; float:left; } 因为有固定背景所以外边加了div，出现的效果不是很好，在ie下其它还好只是内容多时没有滚动条，鼠标选中后可以向上看上边的内容，而火狐中却会出现滚动条，同时可以拖动调大小，无奈啊。在看别人的页面时发现的，然后查了下，感觉不错，就记到这里了，嘿嘿
**********
可以使文字和图片在鼠标经过时同时有下划线
可用背景图做下划线或border-bottom:solid 1px #ccc;也可以
例：
<style>
a:link { text-decoration:none; padding:3px; }
a:visited { text-decoration:none; padding:3px;}
a:hover { text-decoration:none;padding:3px;background:url(xx.jpg) bottom no-repeat; }
</style>
<body>
<a href="#"><img src="xxx.jpg">鼠标过来</a>
这种遇到的可能性少，一般字和图很少加下划线，但是加起来也很是麻烦，感觉模拟a标签下划线这种方法还是不错的，可以使文字和图片在鼠标经过时同时有下划线。
**********
如何去除点击链接后的虚线框
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
<a href="#none" onfocus=this.blur()>中onfocus=this.blur()
onfocus是获得焦点事件
blur是移除焦点，换句话说，就是不让这个连接获得焦点
onfocus=this.blur()是当该对像获和焦点时就让它失去焦点
去A标签虚线框onfocus="this.blur()"
**********
1. word-break:break-all;只对英文起作用，以字母作为换行依据
2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据
3. white-space:pre-wrap; 只对中文起作用，强制换行
4. white-space:nowrap; 强制不换行，都起作用
5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行，超出部分隐藏且以省略号形式出现
