sass初学练习一

       看了几天sass相关文档教程,也安装好了,准备练练手啦。大家有没有想想为什么要用sass来写css呢?因为css的代码重复利用少,管理起来不方便,而用sass来写css可以代码重用,方便快捷修改。比如要改整站的某种颜色,只需要改一个变量值即可。至少sass还有什么优点,我们一起练习写写就知道了。刚开始练习,就找个简单的页面来一起写写了。光看没用的,大家也要动手写起来。就以bootstrap最简单的gulpjs页面为例来写好了,先不管响应式效果,就做写个常规页面。
  1.  选择支持高亮的sass编辑工具。目前我电脑上装了两种,一种是WebStorm,一种是Sublime Text 3。其它的工具应该也可以支持,我没有多研究,平时项目中用这两种工具比较多。大家要是还有什么好用的工具,可以提出来。WebStorm 没装什么插件也支持,只是比较占电脑内存;Sublime Text 小巧轻量,安装后,装上sass和 sass build插件绰绰有余。
  2. 建立项目。我的项目结构路径如下图:css下面就是test.scss文件.sass文件的后缀名就.scss哦。

  3. 动手写html结构。不按他网站的结构代码,我们自己写即可。以下是我写的html结构,没有任何样式的:
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值