Fork me on GitHub
摘要: 什么是模块(Modules) ? 模块是一个特别的独立单元,可以与其他模块组合以形成更复杂的结构。 在客厅里,我们可以认为电视,沙发和墙艺术是模块。它们聚在一起创造一个可用的房间。 如果我们把其中一个拿走,其他的能继续工作。我们不需要电视,也可以坐在沙发上等等。 什么是组件(Component) ? 阅读全文
posted @ 2017-07-03 17:15 Terry√ 阅读(295) 评论(2) 推荐(0) 编辑
摘要: 约定 可维护的CSS具有以下约定: .[ ][ ] {} 根据所讨论的模块,方括号是可选的。这里有些例子: / 模块 Module container / .searchResults {} / 组件 Component / .searchResults heading {} / 状态 State 阅读全文
posted @ 2017-07-03 12:29 Terry√ 阅读(190) 评论(0) 推荐(0) 编辑
摘要: ID 从语法上讲,当只有一个实例时,我们应该使用一个ID。当有多个时,我们应该使用一个 class。 但是,ID 作用的优先级高于 class ,在我们想覆盖一个样式的时候,这就会导致问题。 为了演示,让我们把一个 ID 元素的颜色从红色替换成蓝色。 HTML 代码如下: CSS 代码: modul 阅读全文
posted @ 2017-07-03 11:17 Terry√ 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 复用 通常,Harry Roberts 所说的 DRY (Don't repeat yourself) 经常被曲解成永远不要重复做通一件事。 但实际上这是不现实的,而且常常导致过分抽象,用太多的精力去过分优化代码,最后得不偿失。 过度抽象化代码有多痛苦,在 "语义篇" 已经讲过了,Mixins 也是 阅读全文
posted @ 2017-07-03 10:41 Terry√ 阅读(741) 评论(0) 推荐(0) 编辑