web安全测试基线_使用Sassline在Web上创建基线网格

在线内容的主要部分是基于文本的,但是除非排版设计得当,否则人们不会对阅读您网站上的文本感兴趣。

您可能会使用自定义框架,但是它们可能会受到限制 。 而是尝试使用Sassline ,这是一个免费的基于Sass的库,用于在Web上创建完美的网格线。

sassline主页网格

该免费工具可在Sass上使用,因此您首先需要了解使用该预处理语言的方式。 如果您还不熟悉 Web开发,那么在开始使用Sassline之前,最好先练习CSS和Sass

但是,一旦您学会了它,就永远不会再用相同的方式设计布局。

它使用rem单位创建适合您的文本的自定义基线 。 这包括您的所有标题,段落,块引用以及所有内容。

Sassline带有响应断点,因此您可以基于Sassline网格自动调整文本大小(和行高)。 这依赖于Sass mixins ,如果您想使用它们,则需要Sass经验。

因此,我向有经验的Web开发人员特别推荐此工具,以改善他们的工作流程。

sass排版网格预览

另外,如果您愿意对代码进行一些小的调整,则可以将其添加到Bootstrap之类的前端框架中。 整个Sassline库都是超级通用的 ,应该成为各地Sass爱好者的必备品

要开始使用,请访问GitHub主仓库并下载源文件的副本。

您还将找到设置说明,以及指向这篇很棒的博客文章的链接, 这些文章将按功能逐一指导Sassline库。


翻译自: https://www.hongkiat.com/blog/create-baseline-grids-using-sassline/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值