typore美化

在这里插入图片描述1、Typore页面的美化(保姆级教程)1.1、主题的选择:typore官方主题:https://theme.typora.io/,我用的是Drake这个主题里面有很多的样式供大家挑选。下载好后打开,有一个img文件夹和一些css类,img文件夹中展示了下面CSS实现后的模样供大家挑选。1.2、实现主题的方法在左上角的文件->偏好设置->外观->打开主题文件夹将挑选好的CSS文件放入其中:我采用的是ayu这个样式,想看效果的话,要重启一下Typor
摘要由CSDN通过智能技术生成

在这里插入图片描述

1、Typore页面的美化(保姆级教程)

1.1、主题的选择:

typore官方主题:https://theme.typora.io/,我用的是Drake这个主题里面有很多的样式供大家挑选。

下载好后打开,有一个img文件夹和一些css类,img文件夹中展示了下面CSS实现后的模样供大家挑选。

在这里插入图片描述

1.2、实现主题的方法

在左上角的文件->偏好设置->外观->打开主题文件夹
在这里插入图片描述

将挑选好的CSS文件放入其中:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
中文网页重设与排版: 目标:一致化浏览器排版效果,构建最适合中文阅读的网页排版。包括桌面和移动平台。 Alpha 中,各路牛人都来支持一下,加入开发啊! 预览:typo.css 一、目录结构 . ├── README.md --- 使用帮助 ├── TODO.md --- TODO-List ├── license.txt --- 许可证 ├── typo.css --- 将应用于你的项目 └── typo.html --- Demo/预览 二、TYPO.CSS 的设计和使用 建议看源代码,特别是注释,需要认真看。typo.css 主要包括: 1、一般 reset.css 所需的内容 目前的设计是这样的,尽量保持完整的 reset,比如让 ul/ol 无样式并且无多余的 padding/margin, 这是必须的,因为一个网可能需要很多自定义的的内容,在实践中我们并不希望像 ul/ol 有样式,这样我们得用优先级去覆盖,这是非常麻烦的事。所以 typo.css 并不像 normalize.css,后者给每一个元素都预先定义了样式,这样在自定义的时候将是非常痛苦的。要大保持干净的所有元素一致化的 reset 才是最佳实践。 为什么不是 Han 这个项目? 2、class="typo" 阅读内容排版 在文章/文档阅读的页面,需添加 .typo 这个 class,这样 table/ol/ul 等都会有预定的样式,让你的排版像 http://typo.sofish.de 一样,让用户阅读起来更舒服。 3、增加类: 主要是一些需要中文日常排版需要的元素和语文对应样式的增强,目前包括: (1) 专名号:使用标签 或者 .typo-u (2) 着重号:使用 class .typo-em (3) 首字下沉:使用 class .typo-first (4) 清理浮动:与一般 reset.css 保持一致 .clearfix 三、开源许可 Sofish Lin: founder, creator of Alice CSS, a code writter, a semi-designer. Hotoo: developer, VIM guru, front-end web developer @ alipay.com 基于 MIT License 开源,使用代码只需说明来源,或者引用 license.txt 即可。 标签:typocss

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值