Less动态css-演讲稿(ppt)

简介:

   LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数,混合,守卫,命名空间,字串符插值。 LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。 Less是一个JS库,所以他可以在客户端运行,相对Sass则必须在服务端借助Ruby运行(Sass和Less区别,可以参见LESS介绍,和与Sass的比较)。

本演讲稿主要涉及Less程序式特性和Less常见使用方式:

  1. 变量
  2. 混合
  3. 嵌套规则
  4. 函数&运算
  5. 模式匹配和守卫(Guards )
  6. 字符串插值
  7. Less函数
  8. 命名空间
  9. 文件导入
  10. 转义
  11. javascript表达式。

(flash点击翻页)

此文件由PPT转换为flash,其中有几处错别字(ppt已修改,flash由于网速没在修正),希望大家谅解。ppt下载


本文转自破狼博客园博客,原文链接:http://www.cnblogs.com/whitewolf/archive/2012/07/24/2607401.html,如需转载请自行联系原作者

目录
相关文章
|
23天前
|
前端开发 容器
《CSS 简易速速上手小册》第2章:CSS 布局与定位(2024 最新版)
《CSS 简易速速上手小册》第2章:CSS 布局与定位(2024 最新版)
21 2
|
12天前
|
前端开发 UED 开发者
【专栏:HTML与CSS实战项目篇】制作一个响应式图片画廊
【4月更文挑战第30天】本文介绍了如何使用HTML和CSS创建响应式图片画廊。响应式画廊能根据用户设备屏幕大小自动调整布局。首先规划结构,包含一个图片容器和每张图片元素,并为图片提供替代文本。接着设计样式,设置图片大小、间距和视觉效果。然后通过媒体查询实现响应式设计,根据不同屏幕尺寸调整图片排列。同时考虑性能优化,如压缩图片和使用懒加载技术。最后,测试和调试确保画廊在各种设备上正常工作。这个过程强调了响应式设计和用户体验的重要性。
|
10月前
|
前端开发
Css进阶>>Css3让你玩的开心哦。(二)
Css进阶>>Css3让你玩的开心哦。(二)
58 0
|
10月前
|
前端开发
Css进阶>>Css3让你玩的开心哦。(一)
Css进阶>>Css3让你玩的开心哦。(一)
63 0
|
12月前
|
前端开发 开发者 iOS开发
|
Web App开发 前端开发 Windows
CSS基础1 | 青训营笔记
本期作为复习CSS的笔记,比较基础。当然即便最基础的东西也欢迎各路高手指点,以防地基不稳大厦崩塌hhh
CSS基础1 | 青训营笔记
|
前端开发 容器
Web前端开发笔记——第三章 CSS语言 第六节 CSS定位
Web前端开发笔记——第三章 CSS语言 第六节 CSS定位
Web前端开发笔记——第三章 CSS语言 第六节 CSS定位
|
XML 前端开发 数据格式
那些酷炫的网页你也可以做到——第七篇(初识“CSS“)
那些酷炫的网页你也可以做到——第七篇(初识“CSS“)
136 0
那些酷炫的网页你也可以做到——第七篇(初识“CSS“)
|
前端开发 容器 Web App开发
如何用纯 CSS 创作锡纸撕开的文字效果
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/WgxbaZ 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。
1003 0
|
前端开发 JavaScript 容器
如何用纯 CSS 创作一个赛车 loader
效果预览 在线演示 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/mGdXGJ 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。
971 0