Sass和Compass必备技能之Sass篇_技术问答

首页免费课 Sass和Compass必备技能之Sass篇问答

Sass和Compass必备技能之Sass篇

                
                Materliu
            Web前端工程师

                    查看讲师更多课程 
                    Materliu讲师的其他课程
                
Sass和Compass必备技能之Compass
中级·21217
免费课程
                                
Grunt-beginner前端自动化工具
高级·60388
免费课程
                                
                难度中级
            
                时长 1小时34分
            
                学习人数
            
综合评分9.73
                            88人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.6
                                简洁易懂
                            
                                9.7
                                逻辑清晰

全部评论问答未解决精华

才华横溢的猪

讲的还行不适合学习

0 3-1 sass语法介绍(基础篇)

2017-07-05

白小明

# 不同的输出风格
## 嵌套输出方式 nested
Nested （嵌套）样式是 Sass 默认的输出格式，选择器根据 HTML 结构进行缩进，能够清晰反映 CSS 与 HTML 的结构关系。
## 展开输出方式 expanded
Expanded 输出更像是手写的样式，是 Compass 默认的输出格式，，选择器不做任何缩进。
## 紧凑输出方式 compact
每条 CSS 规则只占一行
## 压缩输出方式 compressed
all on one line

0 5-1 sass语法介绍(高级篇)

2017-06-23

白小明

/**
* CONTENTS
*
* SETTINGS
* _variables.scss..........................变量集中存储的文件
*
* TOOLS
*
* COMPONENTS
* reset....................................Compass 内置浏览器重置的样式文件
*
* BUSINESS
*
* BASE
* screen.scss..............................针对当前站点主页的样式文件
*/

2 3-1 sass语法介绍(基础篇)

2017-06-23

白小明

Compass 是在 Sass 的基础上进行二次开发的工具库，可以让 Sass 的编写更加便利，它们之间的关系，有点像 JS和 jQuery

2 3-1 sass语法介绍(基础篇)

2017-06-22

白小明

# 项目初始化
compass create myproject
# 实时编译
compass watch
# 压缩编译
compass watch --output-style compressed

1 3-1 sass语法介绍(基础篇)

2017-06-22

白小明

可以去做播音员了，幽默铿锵有力，内容也不错

0 2-1 Sass简介

2017-06-22

白小明

我喜欢这位讲师的语气，够劲道。

2 1-1 sass和compass课程介绍

2017-06-22

小董君同学

老师的英文是日式发音，?。

0 2-2 Sass安装

2017-06-02

Franc_Ribery

挂蓝灯。。直接gem install sass安装。。无任何毛病

0 2-2 Sass安装

2017-05-19

Jhin_3353147

我选择godie

0 2-2 Sass安装

2017-05-16

肉松贝贝

zhenbang

2017-05-04

肉松贝贝

不能少于五个字~

2017-05-04

鱼大

gem安装不了compass的去淘宝镜像网https://ruby.taobao.org/和rubygems中国网http://gems.ruby-china.org/找答案，上面有安装操作

1 2-3 Compass简介及安装

2017-05-02

厉害Sin

谢谢老师讲的真好

0 5-1 sass语法介绍(高级篇)

2017-04-20

厉害Sin

清晰明了, 很好的课程

0 3-1 sass语法介绍(基础篇)

2017-04-20

首页上一页 1 2 3 4 5 6 7 下一页尾页

开始学习

课程须知: 如果您对CSS一无所知，建议您先学习CSS的相关知识。如果您想一步登天，那么您必将摔得体无完肤。

老师告诉你能学到什么？: 1.掌握如何使用Sass和Compass写出更优秀的CSS。 2.痛殴CSS编写过程中，这么多年的拦路虎，比如说精灵图自动合图，属性的浏览器前缀处理。 3.在项目的开发，生产周期内，使用的样式、图片、字体等内容，如何更好的组织起来。

微信扫码，参与3人拼团

热搜

最近搜索清空

Sass和Compass必备技能之Sass篇