CSS3: Media Queries

摘要： Media Queries是CSS3最具革命性的功能之一，它使得我们的网站能够适配各种不同的设备。具体来说，开发人员可以使用Media Queries来识别设备环境，然后根据不同的设备环境应用不同的CSS规则，从而可以实现在不同的设备下，使用不同的布局和皮肤。 语法 应用Media Queries有 阅读全文
posted @ 2016-03-28 14:32 majiangl 阅读(439) 评论(0) 推荐(0)

在windows下完美安装GitHub

摘要： 笔者最近在Windows下安装GitHub，过程中遇到不少问题。现在把安装的详细步骤分享给大家，免得大家走弯路。 笔者安装了GitHub for Windows程序，一切都运行顺利。但事情没有结束，首先笔者想通过bower来下载JQuery，在CMD输入命令 bower install jquery 阅读全文
posted @ 2015-04-28 11:26 majiangl 阅读(428) 评论(0) 推荐(0)

SMACSS:一个关于CSS的最佳实践-3.Layout Rules

摘要： Layout Rules指的是用于布局的CSS。我们常常对布局和内容不加区分，总是将所有的CSS写在一块，从而降低了代码的可重用性。SMACSS将布局CSS抽象为Layout Rules，内容CSS抽象为Module Rules。一个module只需要关心自己长什么样就可以了，至于放在哪里，那是它的容器需要考虑的问题。所以，用于布局的CSS完全可以独立出来。 阅读全文
posted @ 2015-04-25 18:36 majiangl 阅读(889) 评论(0) 推荐(1)

SMACSS:一个关于CSS的最佳实践-2.Base Rules

摘要： Base Rules指的是所有元素的默认styles，比如说默认的link style，font styles，body backgrounds等等，也可以理解为为了屏蔽浏览器的差异，而对所有元素重新定义的一类CSS。 Normalize.css 和 Reset.css 是典型的Base Rules。笔者建议以 Normalize.css 为基础，根据自己的实际情况添加，形成自己的 base.css 。 阅读全文
posted @ 2015-04-19 19:59 majiangl 阅读(708) 评论(0) 推荐(0)

SMACSS:一个关于CSS的最佳实践-1.Overview

摘要： SMACSS(发音"smacks")，全称Scalable and Modular Architecture for CSS。顾名思义，SMACSS是一个可扩展的，模块化的CSS架构。它不是一个CSS框架，而是一个指南，一个CSS设计的最佳实践。SMACSS旨在规范一种统一的CSS开发方式，以便开发人员能够更好的开发和维护CSS代码。 阅读全文
posted @ 2015-04-19 00:42 majiangl 阅读(1177) 评论(0) 推荐(0)