
Less
zzc1684
这个作者很懒,什么都没留下…
展开
-
LESS CSS 框架简介 使用 LESS 简化层叠样式表(CSS)的编写
http://www.ibm.com/developerworks/cn/web/1207_zhaoch_lesscss/ http://www.bootcss.com/p/lesscss/#synopsis 简介CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中。HTML 主要负责文档结构的定义...原创 2015-06-11 14:12:40 · 223 阅读 · 0 评论 -
7 款 Bootstrap 在线框架编辑器
Bootstrap 已经大大简化响应式 web 开发,但是,如果再加上不用手动一点点敲代码,而是可以快速选择你想要使用的 Bootstrap 组件,然后直接将其拖进你的画板中,开发是否会变得更加轻松?!这便是所谓的所见即所得(What you see is what you get,WYSIWYG)开发模式,能帮你达成这一切的,便是“所见即所得编辑器”。所见即所得编辑器通常分为以下两...原创 2015-06-14 01:39:50 · 956 阅读 · 0 评论 -
bootstrap源码分析系列:二,栅格和响应式布局
bootstrap把response单独分开作为一个独立模块这样整个栅格系统实际上分为了栅格grid和响应式布局response。非响应式的栅格是940固定宽度的,并且分为固定和流式两种,响应式布局就是通过media query增加了对不同屏幕宽度的适应。布局上,通过容器的负padding-left和每一个列的margin-left来实现的,如下图所示:一,定宽栅格的实现在varia...原创 2015-06-14 01:26:27 · 202 阅读 · 0 评论 -
LESS CSS非常实用的10个实例应用
LESS, Sass 和其他 CSS 预处理器是一种超棒的方法用来扩展 CSS 功能,使之更适合程序员。你可以使用变量、函数、混合、继承等多种编程常用方法来编写 CSS,以更少的代码完成更多的样式。学习这些工具最好的方法是通过各种实例快速入门,今天我们向你介绍 10 个非常有用的使用 Less CSS 的实例。圆角CSS3 一个非常基本的新属性可以快速的生产圆角...原创 2015-06-13 21:17:58 · 480 阅读 · 0 评论 -
Bootstrap源码中的LESS变量详解
Bootstrap的核心是用less来编写的,bootstrap对less进行了二次封装,提供了很多基础的less变量和函数,个人觉得非常有用,下面就来具体看下bootstrap为我们提供了哪些常用的变量和函数吧。 Bootstrap变量 基础设置@bodyBackground@white页面背景色 @textColor...原创 2015-06-13 21:13:42 · 480 阅读 · 0 评论 -
bootstrap 3.0 LESS源代码浅析(二)
http://www.cnblogs.com/justany/p/3434744.html border-radius是最常见的CSS3属性,但你知道他多少东西呢?比如:border-radius:2em;相当于什么?border-top-left-radius:2em;border-top-right-radius:2em;border-...原创 2015-06-13 20:35:51 · 133 阅读 · 0 评论 -
bootstrap 3.0 LESS源代码浅析(一)
我一直以为Bootstrap的LESS源代码精髓在mixins.less,所以这个系列主要也是讲解mixins.less的。 什么是mixins?混入,或者翻译成混合。官网的说法是:我们可以定义一些通用的属性集为一个 class,然后在另一个 class 中去调用这些属性。看起来非常难理解,没事,我们来看例子,比如有这样一个class:.bordered { ...原创 2015-06-13 20:34:20 · 163 阅读 · 0 评论 -
使用 Google Fonts 为网页添加美观字体
在线字体提供丰富多样的字体样式,能使页面更美观,更具吸引力。Google Fonts 就是一个开源的在线字体库,使用起来简单快速。 前言文字是网页中很重要的组成部分。为文字选择一个合适的字体,能够更好的展现一个网站的个性,表达所要传递的信息,同时吸引用户来产生兴趣。说到字体,我们首先会想到 CSS 里面的 font,例如:<html><head>...原创 2015-06-12 11:51:17 · 1697 阅读 · 1 评论 -
Less2Css插件
Less2Css插件依赖lessc这个工具,下载这个压缩包,然后解压后,将路径添加到系统环境Path变量中,若在cmd中,输入lessc,不报错,则表示设置成功原创 2015-06-12 10:03:05 · 263 阅读 · 0 评论 -
7 款 Bootstrap 在线富编辑器
Bootstrap 已经大大简化响应式 web 开发,但是,如果再加上不用手动一点点敲代码,而是可以快速选择你想要使用的 Bootstrap 组件,然后直接将其拖进你的画板中,开发是否会变得更加轻松?!这便是所谓的所见即所得(What you see is what you get,WYSIWYG)开发模式,能帮你达成这一切的,便是“所见即所得编辑器”。所见即所得编辑器通常分为以下两...原创 2015-06-14 09:32:04 · 226 阅读 · 0 评论