CSS魔法
# 修复 Markdown 块引用在 GitHub 显示不连续的问题 ## 问题 不久前 GitHub 更新了它的 Markdown 渲染引擎，对 “块引用”（blockquote）的渲染行为发生了变化。你会发现原先一个完整的块引用会被拆散成多个。 举例来说，假设你写了以下一段 Markdown 文字： ```md > paragraph 1. > paragraph 2. ``` 以前会渲染成这样： > paragraph 1. >...
# 快问快答（第六期） > “快问快答” 第一季完结篇。 ## 技术答疑 ### *Q* 微信网友 __无印良品__ 提问： > 我想问一下，`vertical-align` 该怎么用？我在网上也看过很多资料，感觉写得都不是很准确。有可能是我自己没理解到，但实际测试的时候根本不是网上说的那样。 #### *A* 你好，`vertical-align` 分为表格单元格和行内布局两种场景，基本是两回事儿。后者很难理解，我的建议是不要死磕，好在实际开发中用得不多（可以绕过）。 这类问题还是建议参考《CSS 权威指南》的讲解，如果英语能力不错的话可以参考 MDN。 ### *Q* 微信网友 __王旭__ 提问： > 您好，我想问下子 `div`...
# 快问快答（第五期） > ### 前言 > > 在 “快问快答” 这个栏目中，魔法哥会回答具有普遍性的网友提问，希望这些问答对你也有启发；如果你也想提问，直接在 “CSS魔法” 微信公众号内留言就可以了。 ## 技术答疑 ### *Q* 微信网友 __儿飞__ 提问： > 魔法哥，我想问一下，给一个块（这个块没内容）设置背景图片，希望它自适应高度，能做到么？ #### *A* 让容器适应背景图片的尺寸，应该是不可以的。但反之，让背景图片适应容器的尺寸是可行的，`background-size` 属性的某些值就是干这个的。感觉你的这个需求应该用 `` 标签来实现。 ### *Q* 微博网友...
# CSS 类名的单词连字符：下划线还是横杠？ > 本文的部分内容整理自我对此问题的解答： [命名 CSS 的类或 ID 时单词间如何连接？ - 知乎](http://www.zhihu.com/question/19748433/answer/14666716) ## 问题 > CSS 类或 ID 命名时单词间连接通常有这几种写法： > > * 驼峰式： `solutionTitle`、`solutionDetail` > * 用横杠连接： `solution-title`、`solution-detail` > *...
# 快问快答（第四期） > ### 前言 > > 在 “快问快答” 这个栏目中，魔法哥会回答具有普遍性的网友提问，希望这些问答对你也有启发；如果你也想提问，直接在 “CSS魔法” 微信公众号内留言就可以了。 ## 技术答疑 ### *Q* 微信网友 __小乖__ 提问： > 如果一个项目中需要重复选出 body 节点，有必要把它定义为一个常量吗？ #### *A* 如果是操作 DOM 对象，每次直接用 `document.body` 就可以了；如果是重复使用...
# 快问快答（第三期） > ### 前言 > > 在 “快问快答” 这个栏目中，魔法哥会回答具有普遍性的网友提问，希望这些问答对你也有启发；如果你也想提问，直接在 “CSS魔法” 微信公众号内留言就可以了。 ## 技术答疑 ### *Q* 微信网友 **Nicholas** 提问： > 魔法哥，作为刚入门的前端，我特别纠结元素 class 的命名，短了语意不明确，长了又太浪费，求指导。 #### *A* 建议先起个表意清楚的名字吧。如果代码的 “可读性” 和 “简洁性” 不可兼得（是的，你没看错，简洁不一定易读），那显然是前者更加重要。而且...
# 快问快答（第二期） > ### 前言 > > 新一期的 “快问快答” 又跟大家见面了。魔法哥会在这个栏目中回答具有普遍性的网友提问，希望这些问答对你也有启发；如果你也想提问，直接在 “CSS魔法” 微信公众号内留言就可以了。 > > 以下是 “快问快答” 第二期的问答精选。 ## 技术答疑 ### *Q* 微信网友 __山人__ 提问： > 魔法哥，我们的 CTO 想让我来主导公司平台的一个重构，让我给个技术方案。我初步的计划是不采取前后端分离的方式，因为前只有一个前端工程师，而且时间也是比较急。同时我也想了，就用 Gulp +...
# 快问快答（第一期） > ### 前言 > > 经常有网友给我留言，咨询问题或寻求建议。我发现很多朋友的疑惑其实是共通的。于是我想，如果把这些问答整理出来让更多的人看到，应该能发挥更大的价值吧！ > > 这便是创立 “快问快答” 这个栏目的初衷。希望这些问答能对你有所启示；如果你也想提问，直接在 “CSS魔法” 微信公众号内留言就可以了。 > > 以下就是 “快问快答” 第一期的问答精选。 ## 技术答疑 ### *Q* 图灵社区网友 __DearLin\*\*__ 提问： > 为什么看到有的前端工程师将每条 CSS...
# 图灵访谈 CSS魔法：学海无涯，而吾生有涯 > 本文由 “图灵访谈” 微信公众号约稿并首发，由 **CSS魔法** 撰稿。 ### 图灵访谈非常有幸能邀请到 “魔法哥” 做一期专访。我们都知道您是国内知名的 CSS 专家，是什么样的 “CSS 情结” 使得您愿意将 “CSS魔法” 作为自己的别名？ 大家好，很荣幸接受图灵的专访。我叫 “CSS魔法”，熟悉我的朋友都叫我 “魔法哥”。 这个问题问得好，瞬间把我的思绪拉回八年之前——那时我刚开始系统地学习前端知识。当时为了找一份前端工作，我把市面上所有的 CSS 书籍全部买来，全部啃光，迅速且系统地掌握了 CSS 的基础知识。 在这一堆书里，有一套上下册教程叫作《Eric Meyer...
# [译] NPM 与前端包管理 > * Original: [npm and front-end packaging](http://blog.npmjs.org/post/101775448305/npm-and-front-end-packaging) > * Translated by: [cssmagic](https://github.com/cssmagic) We've known for a while that front-end asset and dependency management is a huge...