发表于: 2016-03-31 00:34:18
1 1491
今天完成的事:
1.把task11搞定,在iphone4界面下修改了好久。
2.学习了less
3.task12刚开了个头
明天要做的事:
1.完成task12
2.去w3school上刷js
遇到的问题:
1. bootstrap中的clearfix()不会使用 添加之后没有效果
(明天找刘思远师兄问问)
2. webstorm中如何生成less文件?
我在右边栏怎么也没找到如何新建less文件,问了刘思远师兄后是在新建css的目录下,点击下拉按钮就可 以找到less文件
收货:
今天学习了less编译,先去看了一下官网
(http://lesscss.cn/)
以及慕课的less 基础
(http://www.imooc.com/learn/102)
并学会去使用了考拉编译这个软件
(http://koala-app.com/index-zh.html)
需要注意的是:1在新建less文件之后一定要去设置输出到哪一个css文件
2然后在html中引入的是你已经编译好的css文件(而不是less文件)
less的优点: 1减小重复代码的输入,可以事先声明变量(@变量名:数值)(一次设置,终生享用~)
2通过混合以及默认带参混合的模式可以调用之前设置的声明,修改声明,以及简单的运算
3通过嵌套模式可以把以前的<ul><li><a><span></span></a></li></ul> 中要设置每一个样 式 ul{ }; ul li{ };ul li a{ };ul li a span{ },极大地简化成
ul{ li{ a{ span{ }}}}(不建议嵌套超过三层)
以及使用一些方便的小技巧比如 tittle-top 可以简化成 &-top
4最重要的是可以去使用前人设置好的库 ,这样去调用一些 “字体”“ 居中” 等就方便很 多了,(慕课网上的一个库http://www.aibusy.com/zless/index.html#cont 下载后在less中通过@import来使用)
最后之前看less官网上面说通过一行代码来安装 表示并没有搞懂什么意思
看见毛毛和基柯一直卡在task12 我感到深深的恐慌 但还是好想赶快迈入js的大门 看到奎哥做的东西感觉好酷(虽然他们都说不好看。。。)加油吧
我的task11的代码:http://119.10.57.69/ptt008/task10/task11.html
再次感谢思远师兄和基柯
(线下css还剩四个,可以凑一桌麻将了
)
评论