发表于: 2018-07-07 21:32:45

1 571


今天完成的事情:任务八首页雪碧图制作使用,无序列表设置

明天的计划:继续任务八,提交首页到github

遇到的问题:下图这里涉及到hover时的一个变色效果,暂时没想好怎么写。今天写这一部分的时候,这个默认是垂直排列的,为了把它们写成一排,开始我是用display:inline-block的,但是这样的话前面的小圆点就没了。后来我想到<ul>里面的<li>都是默认为块级元素的,那么可以用float:left;width:116px;之前的排版用到了很多<br>,今天实际测了一下,发现这样不够精确,后来就改成用盒子模型来设置了。

收获:任务八首页接近完成,顺便理了一下写pc端页面的思路,首先是布局,这次用bootsrap栅格布局,好处是自带响应式,写法简单。布局好了之后整个页面就切分成了一些相对简单的小块,然后一些png的小图标制作雪碧图,大的背景图jpg格式的一般设置成background-image,然后是一些动态的效果,简单的可以用伪类,css3来做,复杂的要用到javascript。


返回列表 返回列表
评论

    分享到