[置顶] 随笔心得

<input type="text" placeholder=‘输入你的email’ autocomplete=‘off’ tabindex="1"  name="email" style="color: rgb(153, 153, 153);">     

使用placeholder=‘’ 属性默认字符

 当输入内容时去掉里面的提示内容，当删除输入的内容，提示内容就会继续显示

input 的属性autocomplete 默认为on

其含义代表是否让浏览器自动记录之前输入的值

很多时候，需要对客户的资料进行保密，防止浏览器软件或者恶意插件获取到

可以在input中加入autocomplete="off" 来关闭记录

tabindex 定义tab键的顺序

location.reload(true)   //js从缓存中刷新

1 不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS

一般将识别能力强的css写在后面，

*.ie6 ie7可以  火狐不可以

！important ie6不识别  7和火狐可以

_只有IE6能识别

2 超链接外面的虚线轮廓 a{outline:none;} 可去掉

3 Ul、ol在ie6、ie7中是margin-left:40px在ie8与FF中是padding-left:40px

4 外层容器不能自动扩高。原因一：内层容器有浮动 overflow:hidden;zoom:1;

5 图片有时会出现卡住的问题，只显示一部分

原因：浮动元素自动换行时，由于高度不一致。

解决：给浮动元素固定宽高并加overflow:hidden;

6 IE6 3px问题：

原因:两个并列的元素，一个加浮动，一个不加，IE6里会呈现左右关系，并且两个元素间存在3px的空隙，IE7里也呈现左右关系，但两者间没有空隙，在IE8和FF里则是加浮动的元素覆盖没加浮动的元素。

若想实现左右关系，可给另一个也加浮动；若想实现上下关系，可给第二个清除浮动；.

如果两个元素，一个浮动一个不浮动，可把浮动元素放到文本流前面，兼容IE6

解决IE6 3px问题：可给加浮动的元素设置_margin:-3px; 或者是*html

IE中图片不显示 可能是因为图片的颜色模式是CMYK

7  CSS圆角问题  

IE：ie7以下版本不支持圆角。 
FF： -moz-border-radius:4px