发表于: 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重写了之前的页面
评论