从流行的css框架中统计出重要的css属性

从流行的css框架中统计出重要的css属性

根据css属性在流行框架中出现的次数排序，从而找到最需要学习的css属性。

如何实现

首先-好一些流行的css框架，目前有

twitter-bootstrapbulmafoundationmaterializepuresemantic-ui

再使用bash来统计各个属性出现的次数

cat *.css | grep ';' | tr -d ' ' | cut -d ':' -f 1 | sort | grep -v "^-" | grep -v "^/"| grep -v "^\."| grep -v "^\*"|grep -v "^@"| grep -v "^\s"|uniq -c | sort -r > all.txt

输出大概是这样的

head all.txt248 color248 background-color237 display134 margin-left114 border-color89 padding85 max-width85 margin-bottom81 width80 flex

数字代表css属性出现的次数。

最后将具体属性在mdn中查找，方便学习，顺便输出reference.md文件，可以在github中查看。

python make_doc.py > reference.md

reference 文件

reference.md

总流程

./download.sh # -css文件./attr.sh *.css > all.txt # 输出临时文件python make_doc.py > reference.md # 创建md文件

TODO

为每一个css框架增加版本配置，每次-最新版本

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。