码迷,mamicode.com
首页 >  
搜索关键字:sass    ( 1840个结果
LESS介绍及其与Sass的差异
自从一个月前我偶然发现LESS之后我就开始坚定的使用它了。CSS本身对我来说从来不是问题,但是我很好奇使用变量来沿着一个调色盘为我的网站或模板创建一些东西的想法。拥有一个提供固定数量选项可选的色盘可以让我避免颜色太跳跃以至于从一个已定的风格中脱离。 AD:网+线下沙龙 | 移动APP模式创新:给你一个做APP的理由>> 自从一个月前我偶然发现LESS之后我就开始...
分类:其他好文   时间:2016-04-29 16:52:03    阅读次数:256
初识scss(1)
最近在看sass,先总结了一点点,为了以后自己来看不用去翻文档;如果那里不正确欢迎指正! 什么是 Sass? Sass 官网上是这样描述 Sass 的: Sass 是一门高于 CSS 的元语言,它能用来清晰地、结构化地描述文件样式,有着比普通 CSS 更加强大的功能。 Sass 能够提供更简洁、更优雅的语法,同时提供多种功能来创建可维护和管理的样式表。...
分类:Web程序   时间:2016-04-29 15:14:05    阅读次数:299
【Sass初级】开始使用Sass和Compass
转自:http://www.w3cplus.com/preprocessor/beginner/getting-started-with-sass-and-compass.html 如果你的朋友、同事或网友有跟你说过Sass或者Compass,或者两者,那太棒了。现在怎么办?在这篇初学者指南中,我首 ...
分类:其他好文   时间:2016-04-28 16:58:24    阅读次数:519
Macosx 安装 ionic 成功教程
一、首先介绍一下ionicionic是一个用来开发混合手机应用的,开源的,免费的代码库。可以优化html、css和js的性能,构建高效的应用程序,而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架二、如何安装(1)安装正确nodejs版本 折腾了两天,一直提示xm... ...
分类:系统相关   时间:2016-04-28 12:21:18    阅读次数:276
mac下webstorm添加scss watcher
一、前提条件: 1.安装ruby,如果我没记错的话,mac自带ruby,终端输入 ruby -v ,回车,如果显示ruby的版本号,则说明ruby环境已经安装好了。如果没有,自行安装ruby。例如我的mac显示: 2.安装sass,过程与win系统的一样,安装好后,终端输入 sass -v,回车,若 ...
分类:Web程序   时间:2016-04-27 06:54:49    阅读次数:259
sass
以后也别去别都地方找了,还是来这里找吧,比较方便 因为sass依赖于ruby环境,所以装sass之前安装ruby。ruby官网Add Ruby executables to your PATH,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境,三个全部勾选 安装完以后,打开start ...
分类:其他好文   时间:2016-04-26 18:54:41    阅读次数:153
详解Bootstrap表单组件
表单常见的元素主要包括:文本输入框、下拉选择框、单选框、复选框、文本域、按钮等。下面是不同的bootstrap版本: LESS: forms.less SASS: _forms.scss bootstrap仅对表单内的fieldset、legend、label标签进行了定制 除了这个几个元素之外,还 ...
分类:其他好文   时间:2016-04-26 14:01:24    阅读次数:195
ionic 2 起航(一)
最近的工作项目开始接触Ionic2。学习了一段时间,现在跟大家分享一下。 什么是Ionic 2? 百度一下,ionic是一个用来开发混合手机应用的,开源的,免费的代码库。可以优化html、css和js的性能,构建高效的应用程序,而且还可以用于构建Sass和AngularJS的优化。ionic会是一个 ...
分类:其他好文   时间:2016-04-26 09:35:49    阅读次数:138
webstorm配置scss自动编译路径
webstorm支持sass的同步编译,也就是即写即编译,并且可以指定编译后的css的目录. 本文使用的webstorm为8.0版本 点击左上角的File→Settings→File Watchers 在弹窗的窗口的右上角点击绿色的 ‘+’ 号,然后选择scss Arguments: 可以配置编译后 ...
分类:Web程序   时间:2016-04-25 21:01:36    阅读次数:498
详解Bootstrap网格系统
bootstrap框架中的网格系统就是将容器平分成12份,在使用的时候可以根据实际情况重新编译LESS/SASS源码来修改12这个数值。bootstrap框架的网格系统工作原理: 1、数据行(.row)必须包含在容器(.container)中,以便其赋予合适的对齐方式和内距(padding) 2、在 ...
分类:其他好文   时间:2016-04-25 13:05:16    阅读次数:221
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!