个人经验刚学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样式然后运用到页面中