在LESS中我们可以定义一些通用的属性集为一个class，然后在另一个class中去调用这些属性，下面有这样一个class：1234.bordered {border-top: dotted 1px black;border-bottom: solid 2px black;}那如果我们现在需要在其他class中引入那些通用的属性集，那么我们只需要在任何class中像下面这样调用就可以了：123456789.border_radius {border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}#prog. Read More
近两年移动市场不断扩大，HTML5也逐渐升温，为了使我们前端工作更有效率，各种框架层出不穷，本章将介绍LESSCSS框架。LESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。LESSCSS可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。因为LESSCSS的语言特性比较多，所以我们将分开介绍，本文将介绍LESS的引入方式及其语法中的变量部分。一、引入方式：12link中rel的值必须跟上/less，href链接的文件后缀可以是css也可以是less文件。scri. Read More
讲到响应式布局，相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。今天就和大家分享一个响应式布局，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3MediaQuery实现响应布局）。什么是响应式布局？响应式布局是EthanMarcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和 Read More
尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到，所以如果你最近在设计网站，你很难能脱离它们。但是，隐藏在浏览器的大宝库中是一些高级的、被严重低估的属性，但是它们并没有得到太多的关注。或许它们中的一些应该这样(被无视)，但是其它的属性应该得到更多的认可。最伟大的财富隐藏在Webkit的下面，而且在iPhone、iPad和Androidapps的时代，开始了解它们会非常有用。就连Firefox等使用的Gecko引擎，也提. Read More