发表于: 2021-12-08 21:03:19

1 1478


今天完成的事情:今天上午在做任务7 的结论页面,在做布局排版,做的时候因为外面没有做一个大格子包围里面的小盒子,而是直接用body包裹的导致里面的各个小的布局要用宽度自适应的布局,特别是文字,小分辨率装不下,大分辨率又凑不满一行,看起来好像是偏左,然后就再在大盒子了建设置固定宽度的小盒子解决了文字排版问题,最下面的文字用网格完成<div class="container neirong">

        <div class="row">

            <div class="col-xs-7"><strong>第一天</strong></div>

            <div class="col-xs-5 text-right"><small>0小时07分</small></div>

            <div class="col-xs-12 text_size"><p>白天:5号被杀手杀死5号是水民</p><p>晚上:8号被全民投票投死,8号是杀手</p></div>

        </div>

    </div> 

完成下面的布局,然后做最后一个页面,直接用盒子堆叠设置外边距自适应宽度很简单就完成了第三个页面的布局,然后就是对三角图片绝对定位,使其占据top50% right30px的位置,对于里面的图片大多使用代码完成,没有用背景图,border-radius=50让最下面的4个小div变成小圆圈,完成布局

明天计划的事情:明天学习bootstrap,这个东西很强大,开展任务8

遇到的问题:按键不会调整样式  按键还是用的不太好,

收获,今天看了好久的bootstrap的教学,收获很多,也学会了设置鼠标悬停的触发,



返回列表 返回列表
评论

    分享到