-cyber - 博客园

2016年6月6日

摘要：概要：帮助你实现样式表的最佳性能本章内容： ● 样式表拼接 ● 样式表和资源压缩 ● 减少和并行图片请求的策略 ● 选择器性能和优化策略 1. 测量客户端性能性能优化的起点和终点都是测量。在第一次改变性能位置之前，你需要知道自己究竟在什么位置。下面是一些工具： ● YSlow：http://d 阅读全文

posted @ 2016-06-06 20:56 -cyber 阅读(151) 评论(0) 推荐(0)

Sass与Compress实战：第七章

摘要：概要：将介绍Compass如何让你从本地开发原型轻松转移到生产环境的网址或Web应用中。本章内容： ● 生成资源URL的最佳实践 ● 撰写无需Web服务器的样式表 ● 在浏览器中进行设计的技巧 ● 如何为产品编译并构造样式表 1. 绝对URL 1.1 生成URL资源 CSS提供了url函数用来解码阅读全文

posted @ 2016-06-06 20:46 -cyber 阅读(496) 评论(0) 推荐(0)

Sass与Compress实战：第六章

摘要：概要：介绍Compass如何让你从本地开发原型轻松转移到正产环境的网址或Web应用中。本章内容： ● CSS精灵的历史和基本原则 ● Compass混合器让精灵自动化 ● 自定义精灵图片和CSS输出的高阶技巧 1.精灵的工作原理在早期，CSS精灵是很简单的。设计师们会把按钮的不同状态做成图片，并阅读全文

posted @ 2016-06-06 20:36 -cyber 阅读(284) 评论(0) 推荐(0)

2016年6月3日

Sass与Compress实战：第五章

摘要：概要：第5章展示了Compass如何使你免去编写跨浏览器的CSS3的痛苦。本章内容： ● 用Compass的CSS3模块创建跨浏览器的CSS3样式表 ● 在低版本IE中支持一些CSS3的特性 ● Compass里的CSS3高阶技能 1.什么是CSS3 CSS3，或称第三代层叠样式表，是基于CSS2 阅读全文

posted @ 2016-06-03 20:38 -cyber 阅读(225) 评论(0) 推荐(0)

2016年6月1日

Sass与Compress实战：第四章

摘要：概要：这一章将深挖Compass的工具箱，看看Compass的混合器如何帮助你省去编写重复样式表的辛苦工作。本章内容： ● 使用Compass重置浏览器默认样式表 ● 改进样式表排版的Compass辅助器 ● 使用Compass创建粘滞的页脚、多样化的表格以及浮动 1. 一张更好的白纸源自有针对性阅读全文

posted @ 2016-06-01 18:19 -cyber 阅读(274) 评论(0) 推荐(0)

Sass与Compress实战：第三章

摘要：概要：这一章将介绍Compass如何使Web设计中最基础的部分——布局变得简单。本章内容： ● 网格布局的基本原理以及何时使用网格布局 ● 使用Compass时的CSS网格布局框架选项 ● 使用排版辅助器处理垂直韵律问题 1. 网格布局介绍网格布局框架可以帮你在Web页面中高效地使用留白，对行列阅读全文

posted @ 2016-06-01 16:00 -cyber 阅读(466) 评论(0) 推荐(0)

2016年5月31日

Sass与Compress实战：第二章

摘要： 1.使用变量 Sass使用$符号来标识变量，比如$highlight-color。 1.1声明变量 Sass声明变量和CSS声明属性很像：这意味着变量$highlight-color现在的值时#abcdef。任何可以用作CSS属性值的赋值都可以用作Sass的变量值，甚至是以空格分割的多个属性值，如阅读全文

posted @ 2016-05-31 19:35 -cyber 阅读(434) 评论(0) 推荐(0)

Sass与Compress实战：第一章

摘要： 1.消除冗余代码的方式： ▶通过变量来复用属性值例如，一段冗余的CSS代码：使用Sass，把属性值赋给变量，然后在一个地方管理散落在各处的属性值。几乎任意属性值都可以赋给变量： ▶使用嵌套来快速写出多层级的选择器使用多层级选择器的CSS： Sass可以减少重复的劳动：编译出来的CSS： ▶使阅读全文

posted @ 2016-05-31 13:40 -cyber 阅读(393) 评论(0) 推荐(0)

2016年5月27日

Sass入门：第四章

摘要： 1.加法加法运算是Sass中运算的一种，在变量或属性中都可以做加法运算。如：编译出来的CSS：但对于携带不同类型的单位时，在Sass中计算会报错。如下所示：编译的时候，编译器会报错："Incompatible units: 'em' and ‘px'." 2.减法 Sass的减法运算和加法运阅读全文

posted @ 2016-05-27 13:52 -cyber 阅读(268) 评论(0) 推荐(0)

2016年5月24日

Sass入门：第三章

摘要： 1.声明变量 Sass声明变量以美元符号"$"开头。例如：上面的例子中，Sass的变量包括三个部分： (1)声明变量的符号"$" (2)变量 (3)赋予变量的值再看一个定义按钮颜色的例子： 2.普通变量与默认变量 (1)普通变量定义之后可以在全局范围内使用：编译后的CSS代码： (2)默认变阅读全文

posted @ 2016-05-24 22:14 -cyber 阅读(3724) 评论(0) 推荐(1)

公告