常用的技术点和坑点

1.在使用浮动布局的时候，如果多行li使用不同的左右浮动会出现奇数会在一起偶数在一起，解决方法设置一样的浮动》

2.在sass里面“&”表示当前的意思。&:hover （用css实现鼠标移入和移除事件的效果） 

3.不建议设置input的高度，input的高度一般会随着字体的变大自动变大。
 4.对于页面上一些没有交互的小图片，尽可能用css去解决他，一般用背景、伪类。

5.先设置了background-size，然后设置了background，会覆盖background-size属性，所以这里需要注意它们的顺序

6.设置了margin-top:60px，导致整体移动了60px

解决方案：

给父容器设置边框

改用padding

使用一个占位元素，将其他位置挤下来

7. div不设置任何背景的时候，默认是透明的，不是白色。

文件的命名：

（1）复合单词中间用下划线“_”  eg：download_app 推荐

（2）复合单词，单词直接用驼峰写法  eg：downloadApp

如果已经使用了不规则写法，使用“重构”功能修改名称。

class的命名：

复合单词，中间用中划线“-”   eg：app-introduce

id的命名：

复合单词，使用驼峰写法。  eg：userName

3.chrome浏览器刷新快捷键(http 返回码304)

正常刷新：CTRL+R

强制刷新（清除cache刷新）：CTRL+Shift+R

当修改了页面样式或者内容的时候，如果正常刷新页面没反应，试试强制刷新。

如果还是没反应，考虑检查class名称是否写错，在HTML按住CTRL，然后用鼠标点击class名称，可以正常跳转，说明class没写错。

9.清除浮动的方法：

           中间加个空的div（占位符）

　方式二:使用额外标签法

.clear{

clear:both;

}

　　　　在浮动的盒子之下再放一个标签，在这个标签中使用clear:both，来清除浮动对页面的影响.

a.内部标签：会将这个浮动盒子的父盒子高度重新撑开.

b.外部标签：会将这个浮动盒子的影响清除，但是不会撑开父盒子.

　　　　注意：一般情况下不会使用这一种方式来清除浮动。因为这种清除浮动的方式会增加页面的标签，造成结构的混乱.

　方法三:使用伪元素来清除浮动(after意思:后来,以后)

.clearfix:after{

centent:"";//设置内容为空

height:0;//高度为0

line-height:0;//行高为0

display:block;//将文本转为块级元素

visibility:hidden;//将元素隐藏

clear:both//清除浮动

}

.clearfix{

zoom:1;为了兼容IE

}

10.word-wrap:break-word;//允许换行

White-space：nomal //不换行

Overflow:hidden

text-overflow:ellipsis   三个配合使用  。。。