如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
Sass(Scss)语言下载安装使用以及编译
Sass是Ruby语言写的,但是两者的语法没有关系。不了解Ruby的没有关系,我们可以正常使用Sass。只是必须先安装Ruby,然后再安装Sass即可使用。
(因为网上很多人都写过Sass安装方式,在这里简单介绍不再详细说明了)
工具/原料
- Ruby
- sass(scss)
- HBuilder
方法/步骤
去Ruby(RubyInstaller)官网下载Ruby安装文件(版本随意)
下载之后,安装Ruby文件(安装路径最好是默认的)
(安装过程中注意勾选Add Ruby executables to your PATH添加到系统环境变量)
然后通过安装后的Ruby安装sass(gem install sass)
再检查sass安装是否成功(sass -v)
出现sass版本号就是安装成功了
在使用sass之前先说明一下sass和scss区别
区别一个是后缀方式不一样(.sass/.scss);
另一个是语法方式不一样(sass书写方式比较严格,scss书写方式和css类似。所以对于已经熟练css书写方式的人,可以使用scss。sass和scss在语法上没有区别,所以sass和scss语法是通用的)
举个例子如下图(大概是这样的)
运用sass/scss语言
使用HBuilder编辑器可以直接自动编译
打开HBuilder编辑器 —— 工具 —— 预编译器设置
然后选择.sass,.scss,点击旁边的编辑,出现预编译器配置框
(把该填的填上,跟下方图片中填写参数一样也行)
最后确定就可以了,再运行HTML页面代码时,就会自动编译sass或scss代码
生成两个文件(sass.css和sass.css.map)
手动编译(有些复杂)
需要打开Ruby命令,然后找到存放sass.scss文件夹的位置
输入命令sass sass.scss sass.css 回车
之后会生成两个文件(sass.css和sass.css.map)
建议选用自动编译方式,因为方便
注意事项
- 更新sass(gem update sass)
- 卸载sass(gem uninstall sass)
- 个人经验,如有不明白的地方可以提出疑问
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 435 HTML