文件名称:css-zen-garden:作业 12 - CSS Zen Garden
文件大小:2.59MB
文件格式:ZIP
更新时间:2024-07-15 08:35:44
JavaScript
CSS禅园 描述 历史课! 是前端开发史上的著名站点。 它有一个页面,所以你知道它是合法的。 CSS Zen Garden 背后的概念是站点上只有一个页面的 HTML 价值——HTML 的内容向有兴趣提交设计的任何人解释任务和要求。 唯一的变量是附加到页面的样式表。 Zen Garden 上的示例从根本上改变了网站的呈现和体验,而无需触及 HTML 本身。 该网站本身的目的是向 Web 开发人员展示 CSS 的真正威力,在过去的表格布局糟糕的日子里,并在过时的 HTML 元素中指定显示属性; 可以公平地说,它对现代前端质量概念的作用与任何其他资源一样多。 为了向 Zen Garden 致敬,我们将进行我们自己的纯 CSS 练习。 我们将重新创建提供的模拟图像,但仅使用 CSS。 已经为您创建了 HTML - current.html和future.html 。 您会注意到两个文件中的
【文件预览】:
css-zen-garden-master
----.gitignore(36B)
----CSS Zen Garden - Current.png(955KB)
----app.js(258B)
----package.json(162B)
----bin()
--------www(1KB)
----public()
--------future.css(263B)
--------assets()
--------index.js(20B)
--------future.html(4KB)
--------current.css(263B)
--------libs()
--------current.html(4KB)
--------test()
----README.md(3KB)
----CSS Zen Garden - Future.png(1.54MB)