进度条在网页中,进度条的效果并不少见,比如一个评分系统,比如加载状态等。就如下图所示的一个评分系统,他就是一个简单的进度条效果:进度条和其他独立组件一样,开发者可以根据自己的需要,选择对应的版本:?LESS版本:源码文件progress-bars.less?Sass版本:源码文件_progress-...
分类:
其他好文 时间:
2015-11-29 14:49:31
阅读次数:
233
Bootstrap_导航一、标签形tab导航 标签形导航,也称为选项卡导航。 标签形导航是通过“.nav-tabs”样式来实现。在制作标签形导航时需要在原导航“.nav”上追加此类名。 Home CSS3 Sass jQuery Responsive 我们想让“Home”项为当前选中...
分类:
其他好文 时间:
2015-11-28 18:11:01
阅读次数:
172
学过CSS的人都知道,它不是一种编程语言。你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事。很自然地,有人就开始为CSS加入编程元素,这被叫做"C...
分类:
其他好文 时间:
2015-11-28 16:28:44
阅读次数:
223
首先声明,本篇转自CSDN的LZGS_4。今天我也遇到这个问题,就把文章擅自转载了,方便自己也方便更多的人吧。因为sass和compass依赖于ruby环境,所以装之前先确认装了ruby。可到官网下载最新版ruby安装包http://rubyinstaller.org/downloads/。在安装的...
在对于 npm / node / gulp 有了基本的认识之后,本文主要介绍如何构建一个基本的前端自动化开发环境。下面将逐步构建一个可以自动编译 sass 文件、压缩 javascript 文件、多终端多浏览器同步测试的开发环境,并且还可以通过 piblish 命令对项目下的文件进行打包操作。
分类:
其他好文 时间:
2015-11-25 08:43:44
阅读次数:
302
Opacity函数简介在 CSS 中除了可以使用 rgba、hsla 和 transform 来控制颜色透明度之外,还可以使用 opacity 来控制,只不过前两者只是针对颜色上的透明通道做处理,而后者是控制整个元素的透明度。在 Sass 中,也提供了系列透明函数,只不过这系列的透明函数主要用来处理...
分类:
其他好文 时间:
2015-11-24 14:52:18
阅读次数:
222
HSL函数简介HSL颜色函数包括哪些具体的函数,所起的作用是什么:hsl($hue,$saturation,$lightness):通过色相(hue)、饱和度(saturation)和亮度(lightness)的值创建一个颜色;hsla($hue,$saturation,$lightness,$al...
分类:
其他好文 时间:
2015-11-24 14:30:28
阅读次数:
9296
MapSass 的 map 常常被称为数据地图,也有人称其为数组,是以 key:value 成对的出现。1 $map: (2 $key1: value1,3 $key2: value2,4 $key3: value35 )首先有一个类似于 Sass 的变量一样,用个 $ 加上...
分类:
其他好文 时间:
2015-11-23 13:17:56
阅读次数:
210
列表函数简介列表函数主要包括一些对列表参数的函数使用,主要包括以下几种: length($list):返回一个列表的长度值; nth($list, $n):返回一个列表中指定的某个标签值 join($list1, $list2, [$separator]):将两个列给连接在一起,变成一个列表; ap...
分类:
其他好文 时间:
2015-11-20 19:27:05
阅读次数:
232
Webstorm自带一个File Watchers功能,设置一下,即可实时编译SASS,LESS等菜单:File->Settings->左栏Tools下的File Watchers,按右上角加号添加为scss添加watcher为less添加watcher然后保存文件的时候就自动编译出相应的.css啦...
分类:
Web程序 时间:
2015-11-19 00:20:20
阅读次数:
258