在一定程度上,css不能被视为一个节目。虽然和其他语言,它有自己的规范。编码,但它的笨拙实在让我失望。

不喜欢css是由于不管怎么优化代码。项目大到一定程序后。都会看上去一团乱。并且有时候一个bug的定位也要花去不少时间。直到我发现了less。突然感慨。css中的jquery大概就是它了。

less同意传參数,同意定义变量,能够把层叠的样式组织得较为美观,能够少写很多反复代码……这一切的优势,让我毫不犹豫地要去把它增加接下来的项目。

举个样例:

css要这样写:

#header h1 {
font-size: 26px;
font-weight: bold;
}
#header p {
font-size: 12px;
}
#header p a {
text-decoration: none;
}
#header p a:hover {
border-width: 1px;
}

而less能够这样写:

#header {
h1 {
font-size: 26px;
font-weight: bold;
}
p { font-size: 12px;
a { text-decoration: none;
&:hover { border-width: 1px }
}
}
}

css要这样写:

#menu a {
color: #111;
border-top: dotted 1px black;
border-bottom: solid 2px black;
}
.post a {
color: red;
border-top: dotted 1px black;
border-bottom: solid 2px black;
}

而less能够这样写:

.bordered {
border-top: dotted 1px black;
border-bottom: solid 2px black;
} #menu a {
color: #111;
.bordered;
}
.post a {
color: red;
.bordered;
}

以下是学习它的一些资料:

1、less.js下载地址:http://www.lesscss.net/#download-options

2、高速 新手教程:http://www.bootcss.com/p/lesscss/

3、在ie6/7/8下使用less。须要加上es5-shim.js。下载地址:https://github.com/yumucode/es5-shim

刚在ie6下測试,使用http://localhost/test/less/会抱错,来不及查原因。而http://localhost/test/less/index.php则不会报错。比較理想的做法是不让浏览器执行less.js,而是在头版输出,把.less文件转化成.css档。

版权声明:本文博主原创文章。博客,未经同意不得转载。

最新文章

  1. Web Compiler
  2. Sql Server Always On主库与附库遇到的问题
  3. 【AngularJS】—— 4 表达式
  4. 14 BasicHashTable基本哈希表类(一)——Live555源码阅读(一)基本组件类
  5. hdu3033 背包变形
  6. jetty服务器的安装和部署、新增到开机启动服务
  7. combotree的加载方法
  8. 来自 Github 的图形化 Git 使用教程
  9. RxJava开发精要1-从.NET到RxJava
  10. iOS8 【xcode6中添加pch全局引用文件】
  11. 2.8 Classes of Restricted Estimators
  12. 基于OWIN+DotNetOpenOAuth实现OAuth2.0
  13. python之路——面向对象
  14. BZOJ_1132_[POI2008]Tro_计算几何
  15. Centos 7安装RabbitMQ 3.7.8版本(单机版)-不使用RPM
  16. Hadoop记录-HDFS配额Quota
  17. Shiro入门 - 通过自定义Realm连数数据库进行认证
  18. WmiPrvSe.exe 的 cpu 占用
  19. hadoop大数据基础框架技术详解
  20. 【Android开发】Api_Android_Distribute

热门文章

  1. linux ARP攻击处理
  2. POJ——位查询
  3. API之IP地址查询---权威的IP地址查询接口集合
  4. Linux 下防火墙端口设置
  5. linux GUI程序开发
  6. ceph理论及部署配置实践
  7. Guava缓存器源码分析——缓存统计器
  8. @Transactional 注解说明
  9. Ubuntu安装二:在VM中安装Ubuntu
  10. 【巧妙思维】【4-6】Problem F