发表于: 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文件乱码 最后百度搜的教程
评论