构建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;
子类使用浮动时候父类要清除浮动,不然会高度塌陷。