发表于： 2019-03-11 23:07:08
1 678
今天完成的事情：
1.花了一早上时间报名。
2.剩下的时间做了任务七大概一半。
3.flex布局使用熟练了一些。
明天计划的事情：
1.尽量完成任务七。
2.今天用到了伪元素，大概理解了一下并初步使用。明天具体学习一下。
遇到的问题：
1.
出现了奇怪的现象，box1的margin-top超出了父元素的border-top。原因不明，最后换了一种写法解决的。
收获：
1.flex是很好用，但是item必须要在三个以上。
现在布局时尽量使用各种方法，找出来代码最简练或后期好修改的方式。
2.今天在使用margin：0 auto时突发奇想，为什么margin：auto 0不能实现垂直居中呢。
查阅资料得知。
但是也有特殊情况：
绝对定位元素使用margin：auto；可以实现水平垂直居中。
3.
布局这个黄色三角形时，出现这种情况。第一想法是设置background-color：#ffffff；但是main里面的颜色和外面不一样。思考后设置background：transparent；背景颜色透明。
4.使用伪元素画x。关闭标签。
先设置close：before的横线旋转45°。然后设置close：after旋转90度（相对于before）。显示的是before和after重叠的样子。（因为设置了position）
可以用伪元素画很多图，明天详细了解一下。
返回列表
评论