学习一周总结

构建class或div时候可以这样写

.home .contact{}

#home #contact{}

#home .contact{}

.home #contact{}

了解了这个对以后的命名有极大帮助。

background-attchement:fixed;这个东西十分有用，可以让图片固定，文本滑动，图片不动。

z-index：1；或z-index:-1;将图片设在文本上方或者下方。

制作动画遮罩时候，可以设两个

eg:    .box{width:0px;height:0px}

        .box:hover{width:100px;height:100px;}

        开始时候很小，然后遮罩变大

还有transform scale(调整倍数);

transition:all 2s transform:2s;

用定位是要小心，不要轻易使用定位，副作用太大，多用margin；padding，flex；

子类使用浮动时候父类要清除浮动，不然会高度塌陷。