[散修弟子]JS-666|2017年03月27日的日报-技能树.IT修真院

发表于： 2017-03-27 22:03:41

2 622

今天完成的问题

1.今天完成了任务六，将下拉选框完善了，但下拉选框有二级列表透明的问题，无法得到解决，在群里问了没人回答，实在解决不了就放下了；再添加了文本不显示时呈省略号的属性；

2.昨晚写了日报才知道需要看看bootstrap，所以下午就看了看bootstrap，一开始看理论根本不知道到底怎么使用它，都想放弃它了，然后看了菜鸟教程里面的例子才知道这东东十分好用哦，为我们准备了基本样式，但相对于任务七的“首页”，没啥好用的，我一开始还想用里面的图标呢，还是别折腾了；

3.完成了任务七的“首页”；看步骤提示以为下面的四个点要用到bootstrap的css呢，折腾了一会儿再看看步骤原来是用cee样式写出圆点，那就简单很多啦，直接正方形加上border-radius，就搞定啦；但是之前折腾网上搜索的时候发现圆点代表的是页面啦，翻到哪里圆点颜色不一样，但需要JS，就放下了；

4.啊对了任务五被驳回，有个文本自动换行，师兄让我加white-space：nowrap；get√

昨晚搞到十二点，太晚了，连澡都没洗的那种，写代码真是有毒，今天完成了第一个网页就先放下吧；

明天计划的事情

1.尽力完成任务七，看看能不能继续保持一个任务两天的进度；

2.再熟悉bootstrap；

遇到的问题

1.关于垂直居中的问题，只记得justify-content忘记align-items这个技能了，哎，蠢！然后回去翻翻flex，对flex其他属性都不熟悉没有用过，，明天应该找时间边学习边实验；

2.今天也折腾了文本和图片对齐但文本需要居中的问题，其实之前已经做过，文本居中图片固定，但想有没有别的办法，结果搞得很乱，很不爽！因为一直不行！然后放弃了继续用原来的方法；

3.任务六我自己加了下拉选框一些内容，但很奇怪，二级菜单会透明我的天，我保证了二级菜单的ul的大小与全部li总大小相等了，无论加了黄色蓝色白色都透明，哎已经达到昨晚我想要的效果了，就差透明要解决了

4.收获1

收获

1.运用了加阴影box-shadow：颜色像素值像素值像素值，（用了之后直接没看理论了其实不懂后面三个值的意义，明天看理论→_→）

哦对我想要的是右边下边有阴影，这个是四个，明天要看看；

2.运用了文本不显示时呈省略号：text-overflow: ellipsis；

3.运用了滚动属性：overfollow：scroll

4.对ul、li分得更清楚些了→_→；

5.学习了bootstrap简单的运用：

a.bootstrap就是一堆文件，里面分了js、css、fonts，里面有已经设定好的样式可以通过外链方式用到HTML里，都是最基本最常用的，我们运用它们会方便很多，嗯，我是这么理解的！

b.把这些文件下载到本地，在HTML<head></head>之间加上<link rel="stylesheet" href="bootstrap.mincss本地地址">,上传到网上的话用公共地址<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">,这样HTML就可以用到这些文件了；

c.在bootstrap菜鸟教程找你需要的样式，是要按钮的样式啊还是文本的啊，里面有bootstrap已经储存的class="xx"，找到后在HTML的标签里加上class="xx"，就有bootstrap里的样式了！

d.如果bootstrap的样式不满意，自己可以添加样式；

日报用时半个小时，今天耍得不开森，不那么顺利，今晚早点休息，明天再战！