发表于： 2018-07-07 21:32:45
1 573
今天完成的事情：任务八首页雪碧图制作使用，无序列表设置
明天的计划：继续任务八，提交首页到github
遇到的问题：下图
这里涉及到hover时的一个变色效果，暂时没想好怎么写。今天写
这一部分的时候，这个默认是垂直排列的，为了把它们写成一排，开始我是用display：inline-block的，但是这样的话前面的小圆点就没了。后来我想到<ul>里面的<li>都是默认为块级元素的，那么可以用float：left；width：116px；之前的排版用到了很多<br>,今天实际测了一下，发现这样不够精确，后来就改成用盒子模型来设置了。
收获：任务八首页接近完成，顺便理了一下写pc端页面的思路，首先是布局，这次用bootsrap栅格布局，好处是自带响应式，写法简单。布局好了之后整个页面就切分成了一些相对简单的小块，然后一些png的小图标制作雪碧图，大的背景图jpg格式的一般设置成background-image，然后是一些动态的效果，简单的可以用伪类，css3来做，复杂的要用到javascript。
返回列表
评论