个人经验刚学css的时候看了很多有关css的网页以及教程初学的时候在网页上看到的[cssw3school]在慕课网官网看css禅意花园，觉得很有意思就关注了下。

接下来就来分享下如何运用css禅意花园

css禅意花园简介

那些过往的遗迹——各种浏览器专属标签、不兼容的 DOM、失效的 CSS、过时的浏览器等——零星散落于昏暗而荒芜之路上。
而此刻，我们必须摒弃一切过时的思想。感谢 W3C、WASP 以及当今主流浏览器的开发者们的不懈努力，Web 设计进入了全新的悟途。
CSS 禅意花园邀请您释放身心，冥想大师们的重要命题。用智慧之眼看清真相，尝试以崭新又充满活力的方式使用那些经过时间沉淀的技术，以达天人合一。

第一步首先需要拥有个人gigithtup

g'ithub简介

gitHub是一个面向开源及私有软件项目的托管平台，因为只支持git 作为唯一
的版本库格式进行托管，故名gitHub。
gitHub于2008年4月10日正式上线，除了git代码仓库托管及基本的 Web管理界面以外，
还提供了订阅、讨论组、文本渲染、在线文件编辑器、
协作图谱（报表）、代码片段分享（Gist）等功能。目前，
其注册用户已经超过350万，托管版本数量也是非常之多，
其中不乏知名开源项目 Ruby on Rails、jQuery、python 等。
2018年6月4日，微软宣布，通过75亿美元的股票交易收购代码托管平台GitHub。

作为一个程序开发人员如果还没有一个属于自己的github就太low了

接下来说下步骤

百度githup进入githup官网然后注册一个githup账号
<br/>
注册成功后就会出现如下的界面

第二步进如个人的github下载禅意花园文件压缩包

禅意花园
<br/>

按照如下箭头指示就可以下载到安装包了

第三步解压后把整个文件夹拉到webstom 或者是vscode 中打开

打开后会有两百多个css样式
通过更改zengarden.html中的css样式可以更换不同的页面效果

到浏览器中打开得到如下效果

到最后你就可以先跟着别人的样式慢慢的就可以
<br/>自己书写css样式然后运用到页面中

个人掘金主页