当开始一个新的 Web 项目时,您是否曾考虑过从一张“空白页”开始?
索引.html
哎哟!如果你向朋友展示这个,同时声称你是一名 Web 开发人员,他们会开始质疑你到底在做什么……
默认浏览器样式表通常非常简单,当您设计应用程序原型、生成静态 HTML 页面、Markdown 生成的文档等时,如果没有“视觉上好看”的东西,而又不想过早地深入研究 CSS 的复杂性,那会令人沮丧。
好消息!我有个完美的东西给你:matcha.css!
只需将以下内容添加到您的文档中,就能看到奇迹发生:
<link rel="stylesheet" href="https://matcha.mizu.sh/matcha.css">
无需真正做任何事情,我们就得到了一个尊重用户对明/暗模式的偏好的页面,漂亮的字体和适当的间距,我们的页面<menu>
实际上看起来像一个菜单,我们的页面<form>
也相当不错,甚至有用于必填输入的“必填字段”指示器。
所有这些都不需要任何构建步骤、JavaScript、配置或重构。
这是因为matcha.css使用语义样式。例如,它假设<menu>
嵌套在另一个中<menu>
应该会产生子菜单,而<label><input required></label>
应该向用户说明输入是必填的。
还有一些“嵌入式” CSS 库,但我相信这个是最完整的,因为它提供了开箱即用的额外现代风格,如语法突出显示、简单布局、实用程序类等。
matcha.css也易于定制(它没有任何!important
规则,甚至提供帮助器来创建自定义构建)并且也是可逆的(如果您决定迁移出去,只需删除样式表)。
最后但同样重要的一点是,它是完全免费和开源的!