aaa333qwe的博客

一、less简介Less类似于Jquery,是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。二、koala 安装及使用参见：http://blog.youkuaiyun.com/aaa333qwe/article/details/77427142编译工具：Koala也可以使用No

今天开始学习使用less这个强大方便的前端工具，本来是考虑用koala（专门编辑less的软件）来使用less的，但是发现sublime编辑器也可以实现对less的编译及高亮显示代码，这样既能少用一个软件还能扩展sublime的功能，何乐而不为，于是赶紧去网上查了资料并加以整理。1、在sublime里安装好less（less语法高亮功能插件）和Less2Css（编译功能插件）这两个插件，具体步骤为...

1、安装Sublime 插件    （1）安装LESS插件：因为Sublime不支持Less语法高亮，所以，先安装这个插件，方法： ctrl+shift+p>install Package>输入less按Enter    （2）安装LESS2CSS插件：这个插件的作用是　　　　当保存less文件的时候自动生成同名的css文件；　　　　当保存less文件的时候提示编译错误信息；　　　　批...

前言CSS的短板    作为前端学习者的我们 或多或少都要学些 CSS ，它作为前端开发的三大基石之一，时刻引领着 Web 的发展潮向。 而 CSS 作为一门标记性语言，可能 给初学者第一印象 就是简单易懂，毫无逻辑，不像编程该有的样子。在语法更新时，每当新属性提出，浏览器的兼容又会马上变成绊脚石，可以说 CSS 短板不容忽视。    问题的诞生往往伴随着技术的兴起， 在

一、安装Sass有两种方法可以使用Sass：1、应用有很多应用程序将在几分钟内为Mac，Windows和Linux带来Sass功能。您可以免费下载大部分应用程序，但其中一些是付费应用程序（完全值得）2、命令行我们采用第二种。视窗在开始使用Sass之前，您将需要安装Ruby。在Windows计算机上获得Ruby的最快方法是使用Ruby In

慕课笔记--[课程]Sass入门篇

慕课笔记--[课程]Sass进阶篇

在 Windows 平台下安装 Ruby 需要先有 Ruby 安装包，大家可以到 Ruby 的官网（http://rubyinstaller.org/downloads）下载对应需要的 Ruby 版本。Ruby 安装文件下载好后，可以按应用软件安装步骤进行安装 Ruby。在安装过程中，个人建议将其安装在 C 盘下，在安装过程中选择第二个选项（不选中，就会出现编译时找不到Ruby环境

常常有人会问，使用 Sass 进行开发，那么是不是直接通过“”引用“.scss”或“.sass”文件呢？那么这里告诉大家，在项目中还是引用“.css”文件，Sass 只不过是做为一个预处理工具，提前帮你做事情，只有你需要时候，他才有攻效。这样一来，也就有了这章需要介绍的内容—— Sass 的编译。因为 Sass 开发之后，要让 Web 页面能调用 Sass 写好的东西，就得有这么一

Sass 的基本特性

darken(color, amount, method)color: A color object.amount: A percentage 0-100%.method: Optional, set to relative for the adjustment to be relative to the current value.darken

初学者都常常纠结于这个问题“什么时候用混合宏，什么时候用继承，什么时候使用占位符？”其实他们各有各的优点与缺点，先来看看他们使用效果：a) Sass 中的混合宏使用举例代码见右侧 2-24 行编译出来的 CSS 见右侧结果窗口。总结：编译出来的 CSS 清晰告诉了大家，他不会自动合并相同的样式代码，如果在样式文件中调用同一个混合宏，会产生多个对应的样式代码，造成代码的

使用 CSS 预处理器语言的一个主要原因是想使用 Sass 获得一个更好的结构体系。比如说你想写更干净的、高效的和面向对象的 CSS。Sass 中的插值(Interpolation)就是重要的一部分。让我们看一下下面的例子：$properties: (margin, padding);@mixin set-value($side, $value) { @each $prop in $

Sass 的函数功能

1.note编译1.下载notejs https://nodejs.org/en/2.首先你要安装lessc。我是用npm包管理器直接安装的，只需要一条命令，如下：npm install less -g3.检查lessc是不是安装成功了：lessc -v在 cmd中可以手动编译然后可以手动编译less文件为css （f:\WorkFiles\天津欢乐谷\style\alan.l...