仓酷云

标题: CSS教程之CSS优化:less优化CSS [打印本页]

作者: 莫相离 时间: 2015-1-15 23:40
标题: CSS教程之CSS优化:less优化CSS
属性值就追加上去，重复的属性值就以最后一个为准。这里要注意的是，样式的先后不是根据页面上应用的名字顺序，而是样式表里的样式顺序。
网页制造poluoluo文章简介：less用变量（variables）,援用（mixins）,表达式(operations),嵌套划定规矩（nestedrules）来扩大css开辟.
less官方网址：http://lesscss.org
上面就来先容下吧
less用变量（variables）,援用（mixins）,表达式(operations),嵌套划定规矩（nestedrules）来扩大css开辟

变量（variables）
反复利用的值能够界说成变量的情势，便利变动哈
例子以下：

#header{color:#4D926F;}h2{color:#4D926F;}

复制代码

@brand_color:#4D926F;#header{color:@brand_color;}h2{color:@brand_color;}

复制代码

援用（mixins）
在一个类中能够援用另外一个类的称号做为该类的属性。

#header{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}#footer{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}

复制代码

.rounded_corners{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}#header{.rounded_corners;}#footer{.rounded_corners;}

复制代码

嵌套划定规矩（nestedrules）
之前我们开辟的css的时分selector的承继都要写的很长，用less后。我们能够用更简便，直不雅的体例来写css
实比方下：

#header{color:red;}#headera{font-weight:bold;text-decoration:none;}

复制代码

#header{color:red;a{font-weight:bold;text-decoration:none;}}

复制代码

表达式(operations)
一些单位之间大概有些值要成比例，好比宽高，色彩值
我们都能够用表达式来盘算完成

#header{color:#333;border-left:1px;border-right:2px;}#footer{color:#222;}

复制代码

@the-border:1px;@base-color:#111;#header{color:@base-color*3;border-left:@the-border;border-right:@the-border*2;}#footer{color:@base-color+#111;}

复制代码

你可以轻松地控制页面的布局。

作者: 金色的骷髅 时间: 2015-1-17 23:41
Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

作者: 仓酷云 时间: 2015-1-25 19:36
俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

作者: 兰色精灵 时间: 2015-2-3 20:01
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

作者: 再见西城 时间: 2015-2-9 06:55
Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

作者: 小妖女 时间: 2015-2-27 04:42
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

作者: 变相怪杰 时间: 2015-3-8 22:39
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

作者: 蒙在股里 时间: 2015-3-16 19:44
技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

作者: 简单生活 时间: 2015-3-23 05:00
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。

欢迎光临仓酷云 (http://www.ckuyun.com/)