CSS3: Media Queries

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

在windows下完美安装GitHub

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