16pixels 中文文档教程

发布于 3年前 浏览 30 项目主页 更新于 3年前

16pixels

16pixels.css 是一组 CSS 规则,可确保基于 16 像素的排版保持一致。 像素用于字体大小和行高,以及填充和边距。 可以用作排版规范器。 没有依赖性。 使用 .col 类包装您的 HTML 内容,您就完成了。

npm< /a> Codacy 徽章CDNJS jsdelivr

16pixels

npm Install

npm安装 16pixels

Usage

<!DOCTYPE html>
<html class="no-js" lang="ru">
  <head>
    <meta charset="utf-8" />
    <meta name="HandheldFriendly" content="True" />
    <meta name="MobileOptimized" content="320" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title></title>
    <link rel="stylesheet" href="16pixels.min.css" />
  </head>
  <body>
    <div class="col">
      <h1>Heading&#160;1</h1>

      <p>
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
      </p>
    </div>
  </body>
</html>

License

MIT 许可证 下可用。

16pixels

16pixels.css is a set of CSS rules to ensure consistent 16 pixels based typography. Pixels are used for font sizes and line heights, as well as for paddings and margins. Can be used as typography normalizer. No dependencies. Wrap your HTML content with class .col and you are done.

npmCodacy BadgeCDNJSjsdelivr

16pixels

npm Install

npm install 16pixels

Usage

<!DOCTYPE html>
<html class="no-js" lang="ru">
  <head>
    <meta charset="utf-8" />
    <meta name="HandheldFriendly" content="True" />
    <meta name="MobileOptimized" content="320" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title></title>
    <link rel="stylesheet" href="16pixels.min.css" />
  </head>
  <body>
    <div class="col">
      <h1>Heading&#160;1</h1>

      <p>
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
      </p>
    </div>
  </body>
</html>

License

Available under MIT license.

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文