发表于: 2018-12-08 01:03:32

1 843


今天完成的事情:

         1  任务十一完成  我觉得应该没问题

         2  学到的新知识   sass的使用

                预编译语言   :  less    sass         一种css的升级语言    多了 变量   嵌套   混合   导入   等

                区别:  个人感觉没啥区别   大同小异     虽然我没学  less      个人感觉就像吃饭一样   用筷子   用叉子右一样吧!  还是一种cs

                

                优点   维护很方便       全局用的一个变量     修改一个就可以修改全局 

                缺点     1    安装麻烦还要配置编辑啥的       2  个人感觉同样的功能代码量有些变多了    代码不宜读  自己设置的什么样式都不知道  还有看看变量是啥

             sass的安装

                 1   下载  Ruby     检测是否安装成功 打开输入    gem install sass   

                 2  配置编辑器     作用保存即可自动编辑成css文件    我用的是hbuider   在工具预编译期里   添加

                            --no-cache %FileName% ../css/%FileBaseName%.css --style expanded   保存

                3  使用

                         1变量              $width:5rem;   $是变量符号 后面是值     

                         2调用变量       和css一样正常些     写宽时     width: $width;    变异后就是      width:5rem;

                         3注释             // 只在sass中显示   编译后没有      /**/   通用注释 在css中显示在sass中也显示

                         4 计算        可以写成    width:50px+10px;

                         5嵌套         正常   的   div   h1{  color:red;}      可以写成     div{       h1{color}                              }          道理一样都是表示   div下的h1  颜色红色

                         6继承       就是后者拥有前者的一切       代码      @exeend         div1{colo:red;   }      div2:{ @extend   div;font-size:1rem            } 

                        7 混合器   也是继承的一种   继承的一块功能       @mixin    用法同上        调用  @include   加类名

2  明天计划的事

             1  不知道我理解的对不对等待师兄审核 !不对我在改     温习一下 个任务

             

3     遇到的问题

          1  变量等会用了就是不知道如何用到项目中让   代码量变得简短     想了很久  最后   直接复制的任务四代码      提取相同的属相  来 设置变量

          2  安装rudy    配置编辑器出现过了很多问题     配置出来   编译出来的css文件乱码   最后百度搜的教程


返回列表 返回列表
评论

    分享到