发表于: 2018-07-20 20:28:04
1 779
今天完成的事情:今天把盒子模型回顾了一下大概也了解了盒子模型的意思,今天在师兄的帮助下利用浮动
div{
background:orange;
width:31%;
padding-bottom:31%;
float: left;
margin: 1%;
border-radius:5vw;
重新写了一下任务1发现自己之前的方法很复杂,没有直接用浮动做的简单直接赋予它的宽高给它一个向左的浮动然后加一个外边框就OK了。
今天还大致明白了内边框与外边框,以及绝对定位和相对定位,绝对定位就是你把他固定在那个地方,然后我就是加上自适应的单位做完了任务1之前也是够。。。。今天用浮动快做完了任务3把,以及盒子居中,今天还学会了如何用ps虚化背景就是把背景变透明,切出来我想要的图标。
明天计划的事情:提交任务3
遇到的问题:盒子居中问题百度了很多然后一个个的方法试验发现都不行,用了绝对定位并不适合,用了 width: 600px; height: 500px; border: 1px solid #000; margin: auto;用做他的宽高来定位也是不行,用margin还是不行,最后请教的师兄,用了
text-align: center;
才成功居中,用ps把背景透明化以及切图师兄帮了我很多才学会。
收获:学会了ps,知道了相对定位,绝对定位,以及浮动并且会用,还有盒子居中问题。
评论