发表于: 2017-03-18 21:46:50
1 572
今天完成的事情:做任务12,用sass重写任务5的样式,并对任务5的页面和代码进行优化。任务6的页面之前是用bootstrap写的,现在需要用div重写改写,重写了一部分,还有一点要改。
明天计划的事情:继续写任务6的代码并用sass写样式,完成任务12.
遇到的问题:重写任务6的按钮组,最开始使用了button标签里面再嵌套一个button标签,但是发现两个按钮之间相连的部分有点空,border和margin都已经去掉了,然后用一个div(加了链接)里嵌套一个button来做,发现不管怎么设置都没办法让button的border-top挨着div的上面,最后就用了一个div嵌套一个div,发现终于能实现效果,但是发现不太美观
收获:1、发现用sass写代码习惯性的用占位符%,因为它不占空间还没什么大的缺点。但是有很多的margin值和padding值不一样就没法用占位符,晚上看了一点资料,发现可以使用混合宏&来写,因为它是可以传递参数的,打算明天试下。
2、发现如果给元素设置宽和高用单位rem的话,会与自己设置的效果相差甚远,因为在HTML样式里设置的62.5%,这样fontsize就是10px,如果width和height要用rem表示,那根元素的fontsize不能小于12px,如果小于了,rem会按照12px来计算,还有以前一直以为rem相对于根元素的大小的根元素指的HTML或者body,今天才发现rem的根元素是html。
评论