发表于: 2017-03-27 23:12:09

2 687


今天完成的事情:

之前less用的较少、学的也比较浅,今天特意花了大半天时间对之前不多的其他语法进行了学习;开始看bootstrap的源代码,学习了栅格布局的代码内容。


明天计划的事情:

不用bootstrap写栅格布局、轮播图、下拉菜单等,开始做任务15。


遇到的问题:

下午重启电脑后,打开webstorm之前配置的less、sass、Autoprefixer插件全部没了,配置的github也没了,之前的设置也全部归零了。。就重新配了一遍,但配置sass的时候一直有问题,没弄好。

晚上吃完饭回来打开电脑,又发现全部没有了……就又配了一遍。晚上又出现了相同的情况。。

一会儿写完日报后将电脑上的webstorm卸载,所有的webstorm文件删除,重新安装一下,希望不要再出问题。


收获:

学习了bootstrap的网站直接引用:

<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

也通过博客了解了.css与.min.css的区别,以及http,https,相对链接的区别和用法。


less中expend语法的学习以及变量中简单函数的学习:

@base: #f04615;

@width: 0.5;

.class {

  width: percentage(@width); // returns `50%`

  color: saturate(@base, 5%);

  background-color: spin(lighten(@base, 25%), 8);

}


nav ul {

  &:extend(.inline);

  background: blue;

}

.inline {

  color: red;

}



bootstrap源码的学习,了解了.container与.container-fluid的区别;以及.col-md-offset-4、.col-md-push-* 和 .col-md-pull-*的相关知识。也加深了对栅格布局的理解。




返回列表 返回列表
评论

    分享到