发表于: 2019-06-30 22:24:11

1 965


今天完成的事情

        提交任务8、9。提交两次不成功,都是一些小细节,比如页脚部分鼠标悬浮出现下划线问题,以前的设置悬浮出现下边框,但是想想好像不符合,应该属于下划线的问题,于是去查找文本修饰:下划线的代码。解决问题。

        敲写任务10页眉,页眉较简单,以以前的知识点可快速弄出来,唯一小问题是,你可以根据平常浏览网页的按钮效果给页眉中的两个按钮添加自己想实现的效果。

        敲写任务10导航栏,bootstrap有三个常用组件:1.轮播 2.导航栏 3. 下拉菜单。于是任务10中的导航栏我使用了bootstrap中的导航栏,一是为了让自己更快熟悉bootstrap,二是可以让自己学会改默认样式,如何利用发F12查找到自己需要修改的代码。以前觉得bootstrap很复杂不好用,这想法应是不对的,是自己没有熟悉其原理,所以多多使用。

        敲写任务10流程图,开始时使用的方法为,框里设置三个小框,一为横杠,二为圆圈,三为文字。初步想法需要把圆圈覆盖到横杠上。在后来的操作中,给圆圈添加margin负值,但最后位置控制不住,移动的是横杆,不知道什么原因。后来舍弃此方法,改用伪元素:before在元素之前添加内容。:after在元素之后添加内容。使用后伪元素的内容不显示。最后又选择第一中方式,flex搭配widht使用,通过margin调试负值得到想要的效果。

        听从师兄思路,先学习任务11。

        下载安装环境,sass需要安装Ruby+Devkit 2.5.X (x64) 。(没安装,因是手机开的热点没多少流量。)学习sass知识点,在初步查询此知识时开始接触变量、函数、数字运算、字符串等,有点懵逼。


任务10进度

任务11进度

        初步认识sass。



明天计划的事情

        睡前把sass大概看过一遍,明天继续学习sass,布局任务11.


遇到的困难

        不知道怎么hover一个div  其他两个div也跟着有效果。

        初步查询此知识时开始接触变量、函数、数字运算、字符串等,有点懵逼。



收获

        今天总算完成任务8、9.但是知道任务8、9还有许多可以改进的地方。希望可学到新知识补完缺陷。



返回列表 返回列表
评论

    分享到