text-overflow:ellipsis;
overflow: hidden;
适合用于控制超过长度显示。。。(点点点)
word-spacing字间距,,letter-spacing 字母间距
H3 { word-spacing: 1em }
可编辑下拉框
<div align=center width=200px>
<select name="menu1" style="position:absolute;clip: rect(2 50 30 2)">
<option>111111式工工工</option>
<option>222222</option>
<option>333333</option>
<option>444444</option>
</select>
</div>
<br>
<select name="menu1" style="position:absolute;clip: rect(6 17 17 6)">
<option>111111</option>
<option>222222</option>
<option>333333</option>
<option>444444</option>
</select>
屏弊输入法和自动完成功能
<input type="text" style="ime-mode:disabled" autocomplete="off">
IE的有条件注释
1.只有IE5版本以上才能识别。
<!--[if IE]>
<style type="text/css">
@import "test.css";
</style>
<!--[if IE 8]>
<![endif]-->
2.只有IE8版本才能识别。
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
3.只有IE8版本不能识别。
<!--[if !IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
4.只有高于特定版本才能识别
<!--[if gt IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
5.等于或者高于特定版本才能识别
<!--[if gte IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
6.只有低于特定版本的才能识别
<!--[if lt IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
7.等于或者低于特定版本的才能识别
<!--[if lte IE 7]>
<style type="text/css">
@import "test.css";
</style>
<![endif]-->
关键词解释
上面那些代码好像很难记的样子,其实只要稍微解释一下关键字就很容易记住了。
lt :就是Less than的简写,也就是小于的意思。
lte :就是Less than or equal to的简写,也就是小于或等于的意思。
gt :就是Greater than的简写,也就是大于的意思。
gte:就是Greater than or equal to的简写,也就是大于或等于的意思。
!:就是不等于的意思,跟javascript里的不等于判断符相同。
这样解释一下,是不是好记多了。