CSS样式收藏(更新中..)

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里的不等于判断符相同。

这样解释一下，是不是好记多了。