发表于: 2018-06-01 12:44:15

1 472


总结:

   初步了解了sass和构架

   sass:可以预先使用@mixin定义一些css样式,然后在写样式的时候可以使用@include直接引用,只要在开头写上@import “”;效果和直接打出来一样,sass有个特殊的编写方式,就是可以在内部套上子元素css样式,这样根据父子元素关系将相关元素编写在一起,方便阅读。

  css构架:将css样式分类放置,根据百度搜索的结果,将样式分为以下几个文件:

       1.default.scss: 默认消除浏览器默认样式

       2.object.scss: 布局,基本为flex

       3.color.scss: 颜色(打算并入主题)

       4.load.scss: 加载该文件可加载以上除默认外的scss。

       5.theme.scss:主体 颜色,字体,间隔等

       6.base.scss:基本 几个网页类似的样式。

       7.css.scss:各html文件独有样式

       8.js.scss:js相关,没有。

遇到的问题,

       因为sass可以根据父子元素关系来使css更易于阅读,而构架则要求不要有太多的层级,感觉两个刚好相反,所以不清楚该如何处理,一直在删改所以花的时间有点长,最后是按照对bootstrap框架的感觉来写的,将构架的class直接写在html中,不过这样感觉用到sass的地方反而不多了。

       (任务十三的侧栏做好上传服务器了)


返回列表 返回列表
评论

    分享到