DDR爱好者之家

支持网页快速排版 CSS代码一键生成的在线设计工具
站长资源 2024/11/23 佚名
12 1538
DDR爱好者之家 Design By 杰米

用户体验现在作为很多工作的重中之重，设计师们更要把用户体验放在第一位，如果你曾经尝试过想把你的板面调整到最适合阅读的状态，就会知道多么令人抓狂。但是懒人总是会创造出新科技，国外开发者为我们带来了今天要讲的协助设计网页排版及字型等相关属性的便利工具。

Type Anything 前段时间登上国外媒体网站后深获好评，这是一项非常方便的在线工具，功能设计很简单，主要提供一段文章模板（里头包含 H1、H2 标题和文字），用户透过快速按钮来切换字型、文字大小、行高、字重、边缘等相关属性，预览效果。

当调整到你觉得最舒服的排版后，一键将 CSS 程序代码输出就能套用至自己网站。

Type Anything

STEP 1

开启 Type Anything 后，左侧是调整工具，右侧为默认的文章模板，你也可以把自己的文章复制贴上，透过这项在线服务来进行排版调整，从网页浏览器上实时看到效果。

支持网页快速排版 CSS代码一键生成的在线设计工具

STEP 2

它跟一般的文本编辑器有点相似，选取文字段落后可将它切换为 H1、H2 或 H3 标题，或加入粗体、斜体及底线效果，在设定完标题及内文位置后，利用左侧来进行样式编辑。

支持网页快速排版 CSS代码一键生成的在线设计工具

STEP 3

Type Anything 能切换调整不同的字型组合，输入字型名称就能实时搜寻 Google Fonts 里收录的免费字型，不过这里目前还无法使用中文字型，因此你可以先选择任一字型，最后导出 CSS 后再进行细部修改。提供免费的中文网页字型服务包括：

支持网页快速排版 CSS代码一键生成的在线设计工具

STEP 4

从 Type Anything 左侧工具栏来进行排版的细节调整，包括字号、字重、行高、透明杜、顶部距离、底部距离、字距和全部显示为大写小写等设定值。

支持网页快速排版 CSS代码一键生成的在线设计工具

最后，点选右上角的「Get the Code」就会产生刚才的排版 CSS 样式表单，之后应该知道该怎么做了吧？此外，Type Anything 会加载由 Google Fonts 提供的网页字型，若你是使用中文字型，可以将它做适当调整。

支持网页快速排版 CSS代码一键生成的在线设计工具

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。

据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米