今天我们接着前两天继续做案例,今天给我的感觉,老师讲的都能听懂,当时也都能写出来,但到晚上自己从头再来写一遍时,就有点蒙,自己串起来就有点难度了,有些地方要想好久。单个知识点都能掌握,但有时就是衔接不上,可能就是我们还敲的代码太少。今天我敲代码过程中也遇到了一些问题。
1:对于定位元素的层级,之前可能没怎么用,用起来还不是很熟练,今天我也遇到bug了,两个元素层叠了,一个就是显示不出来,自己想了很久,也没想出来,后来问老师了,老师一说,你上面的层级比下面的小,就显示不出来了,瞬间感觉其实也很简单。
2:今天用到了让背景透明,内容不透明,background:rgba(0,0,0,0),四个0是调节透明度的。
3:相邻元素的层级,两个边宽相邻,相邻的部分是普通的两倍,要怎么让他显示一整个正常一个边框。
下面是仿用淘宝上的样式:
* {
margin: 0;
padding: 0;
}
div {
200px;
height: 500px;
border: 10px solid blue;
float: left;
/*margin-right: 10px;*/
margin-left: -10px;
position: relative; /*定位了的元素,默认的都会有层级的概念,而且默认的层级都是0*/
}
div:hover {
border-color: red;
position: relative;
z-index: 1;
}