Update README.md

Author: webVueBlog

README.md

@@ -1,9 +1,24 @@
 # awesome-css
-
-国内css平台从业者交流
-
+
+国内css平台从业者交流 : 优势自动化发布博客，玩CSS的乐园
+
 > 点击勘误[issues](https://github.com/webVueBlog/awesome-css/issues)，感谢大家的阅读
 
+```js
+yarn install // 安装依赖
+yarn serve // 预览
+```
+
+## 加入awesome-css
+
+- awesome-css的最大好处就是可以锻炼解决csss问题的思维能力。相信我，「如何去思考」​ 本身也是一项需要不断学习和练习的技能。
+- 如果你对本项目感兴趣，并且希望加入awesome-css，欢迎随时提交 PR。请参考如下步骤：
+- 将本项目 fork 到你的个人 GitHub 帐户，然后 clone 到你的本地机器；
+- 进入 某 目录，切换到一个新的分支；
+- 对项目做出一些变更，然后使用 git add、commit、push 等命令将你的本地变更提交到你的远程 GitHub 仓库；
+- 将你的变更以 PR 的形式提交过来，项目的维护人员会在第一时间对你的变更进行 review！
+- 你也可以参考帮助文档 https://help.github.com/cn 了解更多细节。
+
 ## 目录
 
 ### 属性
@@ -18,29 +33,29 @@
 
 ### 效果
 
-- [拉起窗帘](https://webvueblog.github.io/awesome-css/result/pullCurtain.html)
+- [拉起窗帘](https://webvueblog.github.io/awesome-css/result/pullCurtain.html)
 - [实现水平垂直居中最便捷的方法](https://webvueblog.github.io/awesome-css/result/best-way-to-center-element.html)
 - [轮播图效果](https://webvueblog.github.io/awesome-css/result/css-carousel.html)
 - [瀑布流效果](https://webvueblog.github.io/awesome-css/result/ccss-masonry-flexbox.html)
-
-## 学前必读
-
-提供最大程度的愉悦开发体验。提供便捷的阅读文档，并维护本站 awesome-css 文档。
-
-## 感谢指正
-
-希望大家多多支持本站。
-
-## 声明
-
-本人学习笔记，本站内容不保证其完整性、正确性，谨慎使用！！!
-
-## 勘误及提问
-
-如果有疑问或者发现错误，可以在相应的 issues 进行提问或勘误。
-
-如果喜欢或者有所启发，欢迎 star，对作者也是一种鼓励。
-
-## License
-
-所有文章采用[知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议](http://creativecommons.org/licenses/by-nc-sa/3.0/cn/)进行许可。
+
+## 学前必读
+
+提供最大程度的愉悦开发体验。提供便捷的阅读文档，并维护本站 awesome-css 文档。
+
+## 感谢指正
+
+希望大家多多支持本站。
+
+## 声明
+
+本人学习笔记，本站内容不保证其完整性、正确性，谨慎使用！！!
+
+## 勘误及提问
+
+如果有疑问或者发现错误，可以在相应的 issues 进行提问或勘误。
+
+如果喜欢或者有所启发，欢迎 star，对作者也是一种鼓励。
+
+## License
+
+所有文章采用[知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议](http://creativecommons.org/licenses/by-nc-sa/3.0/cn/)进行许可。