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