发表于： 2017-04-21 16:34:17
2 492
今天完成的事：继续编写了task14和15的内容，回头写官网代码发现之前写的task8和task9写的代码有很多瑕疵，现在看起来都没有良好的去弄好响应式和自适应，还有非常多的可以修改的地方。
明天计划完成的事：继续编写task14和task15（15是完全可以在写14的时候一起完成）。
遇到的困难：暂时还没。
收获：之前是想当然的<link>比如header的css啊，foot的啊，还有main的，后来看了模块化的文章，提到了
然后自己去试了下，把header和foot的css文件在每个main的less文件中引用，
不过发现less 的import不必放置在主文件的头部，可以直接放置在，任意层级中，不清楚是不是符合代码规范。
但有时候做相关协调的工作时，有时候没法必须用到less或者sass（因为有些人确实不会去用，不是不会，是不想），这时候就要用style或者单独css文件引用来完成，这里为了减少错误还是直接@import会好点。
/*xxx页面入口样式文件style.css*/
@import './css/main.css';/*页面基础样式*/
@import './css/header.css';
@import './css/footer.css';
CSS规范中，@import必须放在其他样式之前
使用 import (reference) 其它的less文件，不会添加它们的样式进来，除非你引用了其中的style，它们会一起编译进来。这个标识的好处是方便了style 和 style function 间的取舍，写 style 的时候就不用担心这个是不是可以成为一个方法了，引用的时候使用 (reference) 就好。可以很方便的在 LESS 文件中实现 mixins。这样就可以让less相互引用而不生成她们的样式css。
不过自己有个想法，是直接引用less文件比较实在，还是引用编译后的css更好呢？？？？
返回列表
评论