什么时候css会见less
2024-08-26 22:46:40
在一定程度上,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档。
版权声明:本文博主原创文章。博客,未经同意不得转载。
最新文章
- Web Compiler
- Sql Server Always On主库与附库遇到的问题
- 【AngularJS】—— 4 表达式
- 14 BasicHashTable基本哈希表类(一)——Live555源码阅读(一)基本组件类
- hdu3033 背包变形
- jetty服务器的安装和部署、新增到开机启动服务
- combotree的加载方法
- 来自 Github 的图形化 Git 使用教程
- RxJava开发精要1-从.NET到RxJava
- iOS8 【xcode6中添加pch全局引用文件】
- 2.8 Classes of Restricted Estimators
- 基于OWIN+DotNetOpenOAuth实现OAuth2.0
- python之路——面向对象
- BZOJ_1132_[POI2008]Tro_计算几何
- Centos 7安装RabbitMQ 3.7.8版本(单机版)-不使用RPM
- Hadoop记录-HDFS配额Quota
- Shiro入门 - 通过自定义Realm连数数据库进行认证
- WmiPrvSe.exe 的 cpu 占用
- hadoop大数据基础框架技术详解
- 【Android开发】Api_Android_Distribute