[css] 如何写高效的CSS？

唔，自动补全、预编译这些辅助手段确实能提升一定的效率，
但我觉得真正能提升效率的是，不看预览就敢上手的理论知识。
见过太多加几行就要预览下效果的开发了，哪怕给他双屏其实也还是会拖慢节奏。比如这个横排该怎么写，子级是否留隙/等宽/限宽，后期有其他元素加入怎么办，等等......
虽然有了 flex 后我们要考虑的少了很多，但依旧还是有布局规律可循。
这个过程很吃经验，类似于将样式/布局进行抽象理解，
等到能写出非常完善的抽象类也熟悉其优劣长短后，那不看预览也可以快速编写了。另一方面，直接使用调试面板进行调试编写，也比改下保存下再看眼要快一些。

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[css] 如何写高效的CSS？相关推荐

DIV 浮动层绝对定位居中浮动用CSS怎么写 —— 绯色的CSS系列
DIV浮动层绝对居中定位用CSS怎么写?详细解说,直接看样式,下面的写法兼容IE系列浏览器和火狐浏览器. DIV浮动层绝对居中定位用CSS怎么写?下面的写法兼容IE系列浏览器和火狐浏览器. 详细解说, ...
css边框三角形怎么用css样式写出三角形 css三角形怎么实现消息框
css实现边框三角形这里我就用css样式写一个下三角的样式其它方向一样只需要给不想要显实的边框设置透明色即可 div{height: 0; width: 0;border-top: 20px s ...
高效整洁CSS代码原则
CSS学起来并不难,但在大型项目中,就变得难以管理,特别是不同的人在CSS书写风格上稍有不同,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则: 1. 使用Reset但并非全局Re ...
精简高效的CSS命名准则/方法
2019独角兽企业重金招聘Python工程师标准>>> 一."无"的哲学佛家讲究"因果报应",有果必有应.此段看似与主题没有血缘关系,实际讲 ...
精简高效的CSS命名准则和方法
一."无"的哲学佛家讲究"因果报应",有果必有应.此段看似与主题没有血缘关系,实际讲的是"因". 我个人比较喜欢老子的道家思想,并喜欢以其 ...
[css] 【转载】精简高效的CSS命名准则/方法
原文链接:http://www.zhangxinxu.com/wordpress/2010/09/%E7%B2%BE%E7%AE%80%E9%AB%98%E6%95%88%E7%9A%84css%E5 ...
【CSS】767- 我写炫酷 CSS 效果的常用套路
作者:alphardex 链接:https://juejin.im/post/6881546676188741645 前言前篇传送门:https://juejin.im/post/684490403 ...
高效整洁CSS代码原则 (下)
2019独角兽企业重金招聘Python工程师标准>>> 6. 适当的代码注释代码注释可以让别人更容易读懂你的代码,且合理的组织代码注释,可使得结构更加清晰.你可以选择做的样式表的开 ...
写自己的CSS框架 Part2:跨越浏览器的reset
One world,one dream ---slogan of 2008 Olympic 2.1浏览器的差异在何处我想写CSS的人大多遇见过在IE里写的页面美轮美奂,而用FF打开却是 ...

[css] 如何写高效的CSS？

[css] 如何写高效的CSS？

个人简介

主目录

[css] 如何写高效的CSS？相关推荐

最新文章

热门文章