CSS进阶指引

2020-05-05 07:24:03易采站长站整理

  更抽象(More abstractions)

  很多时候你可能想把几个别的东西放在一起,这样细胞器变得更加抽象:

Atom → Molecule → Organelle → Cell → Tissue → Organ → Sys → Organism

  这将面对一个选择问题,你将如何构建你的CSS。我以前只在一个项目中使用OrganicCSS,到目前为止,我还可以说他是清晰的。我把不同的元素放在他们自己的目录中和按他们的名命名,这样我可以很容易的找到他们,并做相应的处理。例如,如果有一个细胞器称为header,我只需要将其修改为o-header。后来,让我读到HTML标记,我就可以看到该元素的CSS样式就在细胞器文件夹中。
总结

  这是一个很有趣的旅程。我不知道我将来会不会使用OrganicCSS,但这并不是最重要的部分。我能从中学到东西才是最重要的。我知道我必须改变我们的CSS开发过程,我做到了。我认为我们应该多谈谈CSS的框架。你可以看到我们有很多好的资源。我们必须找到他们,学习他们做什么以及如何工作。只有这样我们才可以决定是否使用他们。更好的是,当你看到整个图片你可以创造一些更适合你的需求。