博客专栏  >  前端   >  Sass基础

Sass基础

介绍sass基础的专栏

关注
0 已关注
12篇博文
  • Sass-@for,@while,@each

    本章介绍Sass-@for,@while,@each语法及使用@charset "utf-8";//@for //1-10 包含10 @for $i from 1 through 10{ .ite...

    2017-02-07 15:33
    150
  • Sass-字符串插值

    1,简单的字符串插值sass文件 common.scss//字符串插值 $sina:'http://imgs.sina.com.cn/2017-01-01/topic/images/icon/';....

    2017-02-06 15:11
    418
  • Sass的继承@extend

    1,sass继承的简单实现sass文件common.scss@charset "utf-8";.fl{ float: left; }.box{ width: 300px; height: ...

    2017-02-06 15:07
    281
  • Sass-@if,@else if的用法

    结合之前的Sass的混合-@mixin,@include,加入@if的相关语法sass文件内容 common.scss // 画三角形@mixin声明 @mixin sj($fx:top,$siz...

    2017-02-06 15:03
    805
  • Sass的混合-@mixin,@include

    1,无参数,有参数和带默认值参数的@mixin声明sass文件内容://带参数,默认50 @mixin opa($opa:50){ opacity: $opa / 100; filter:al...

    2017-02-06 14:43
    723
  • Sass的嵌套

    前边大概说了sass的集成和使用方法,现在开始说Sass的功能1,sass的标签嵌套先写一个列表sass.html页面 Title <link rel="styleshe...

    2017-01-25 11:35
    305
  • Sass-变量和作用域

    Sass作为CSS预编译工具,最常用最基础的功能就是将属性值提取为变量项目配置: 1,.scss文件放到sass文件夹下 2,.scss文件编译得到的.css文件放到style文件夹下 ...

    2017-01-22 14:28
    623
  • Sass-四种编译输出代码风格

    Sass编译生成的.css文件可以通过配置命令或koala得到不同的代码输出风格1,Sass-style-4种编译模式-命令方式sass --watch style.scss:style.css --...

    2017-01-22 14:22
    176
  • Sass的文件和文件夹监听

    前面我们说了sass的简单实用,已经两种编译方式 频繁的修改和测试需要频繁的对sass文件进行编译 需要使用对sass文件和文件夹的监听Sass的单文件监听1,控制台进入.scss文件夹下,输入以...

    2017-01-22 14:15
    2131
  • Sass的简单使用

    sass的简单使用为了查看sass效果,新建一个html页面 ,并使用sass添加背景色1,新建sass.html Title </hea

    2017-01-22 14:04
    331
  • Sass的编译和单文件转换

    上一节简单介绍了Sass的编译环境,做了Sass使用的前期准备 本节我们简单的使用一个Sass-我们使用的开发工具为WebStorm1,Sass文件的创建sass文件格式为.scss或.sass2,...

    2017-01-22 13:57
    316
  • Sass的编译环境

    Sass的编译环境1,koala-考拉(目前已停止更新) 下载地址:http://koala-app.com/index-zh.html#download 2,命令方式 安装ruby...

    2017-01-19 11:24
    269

img博客搬家
img撰写博客
img专家申请
img意见反馈
img返回顶部