寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…

CSS 面包屑导航栏

特别声明，本文根据@Rachel Andrew的《Getting Started With CSS Layout》一文整理。 在过去几年中，CSS布局已经发生了巨大的变化，现在我们开发网站的方式也发生了巨大变化。现在我们有需要可选的CSS布局方式来开发我们的网站，这也就要求我们…

入门前端也算是有三个月之久了，发现 Float 这个属性一直都很迷惑，只是知道一些简单的浮动规则，并没有深入去学习，一旦遇到一点复杂的浮动场景，自己也就懵了。于是在网上找了数篇关于浮动的博客文章，加上自己理解，在这里总结一下。

1. 重构和架构 重构是指在不改变代码行为的前提下，重写代码，使其更加简洁、易于复用。 架构是指软件项目的各个不同部件之间的组合方式。 2. CSS选择器的优先级 !important 优先级最高，可覆盖行内样式。不可以添加到行内样式属性中。 3. 如何编写优质的 CSS 但是…

在平时开发过程中，由于都是自己捣鼓玩的项目，并没有UI设计给我的设计图，更没有什么特效要求，导致对css动画一直都不是很熟悉，但是作为即将进入实习单位的萌新程序员，要时刻准备着设计师要求的各种动画，于是有了这一篇文章。 什么叫过渡？字面意思上来讲，就是元素从这个属性(color…

本文主要内容来自于 learn CSS layout 和 CSS2.1 spec 和深入理解 CSS 系列 和《CSS 权威指南》

本文着重描述关于 margin，我们日常不太容易发现的 “坑”。

以命令式风格写 CSS 会很快地导致混乱的 UI 和 CSS。不用说都能体会到开发者心中的怒火熊熊！这还将导致乱七八糟的 UX。 英文原文地址：http://www.zcfy.cc/article/css-architecture-guidelines-1099.html