发表于: 2017-04-05 19:52:18

2 618


今日所做:

1.搭配less环境,下载less.js,使用link引入less样式,经过不断调试没能成功,

后来下载koala编译器,可以将less格式编译成css格式,于是现在ws上建立less

文件,之后用koala进行转换

2.学习less的嵌套式结构来书写样式,结构上就和html的结构书写类似,父元素

样式套子元素样式,一层一层嵌套下去。

3.针对相同的属性设置变量,通过调用变量来设置属性,一定程度上减少了代码量

4.完成任务11

5.继续修改任务8的页面,布局和图片均以改好,但是导航栏仍是没有彻底改好

明日计划:

完成任务12

修改任务8导航栏

遇到的问题:

任务8导航栏我想使用display:flex功能使ul居中,但是没有生效;进入调试界面,

发现导航栏父元素已经设置了display:block!important,这个是最高优先级,

是否就意味着这个样式我就无法修改了?

今日收获:

对less有了更加深入的了解,用less重写了之前的页面



返回列表 返回列表
评论

    分享到