目标:一致化浏览器排版效果,构建最适合中文阅读的网页排版。包括桌面和移动平台。
Alpha 中,各路牛人都来支持一下,加入开发啊!
预览:typo.css
.
├── README.md --- 使用帮助
├── TODO.md --- TODO-List
├── license.txt --- 许可证
├── typo.css --- 将应用于你的项目
└── typo.html --- Demo/预览
建议看源代码,特别是注释,需要认真看。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 即可。
简介 tydo.css 的用途就是让网页上的中文内容从排版的角度看起来好看,舒服。 原理 什么原理呢?首先,它重设了很多 html 标签的样式,这样只要你在网页中引入了 tydo.css 这个样式表文件,网页上中文的排版就会有一定改善。但仅仅这样还不够,它还定义了一些 CSS 类,根据情况使用合适的 CSS 类后,网页上中文的排版才算完善。这些 CSS 类根据其使用方式可以分为两种:tydo 和
软件简介 中文网页重设与排版: 目标:一致化浏览器排版效果,构建最适合中文阅读的网页排版。包括桌面和移动平台。 Alpha 中,各路牛人都来支持一下,加入开发啊! 一、目录结构 . ├── README.md --- 使用帮助 ├── TODO.md --- TODO-List ├── license.txt --- 许可证 ├── typo.css --- 将应用于你的项目 └── typo.h
中文网页重设与排版:TYPO.CSS 中文网页重设与排版:TYPO.CSS 一致化浏览器排版效果,构建最适合中文阅读的网页排版 关于 TYPO.CSS 排版实例 例1:论语学而篇第一 例2:英文排版 附录 TYPO.CSS 排版偏重点 开源许可 一、关于 TYPO.CSS TYPO.CSS 的目的是,在一致化浏览器排版效果的同时,构建最适合中文阅读的网页排版。 现状和如何去做: 排版是一个麻烦
本文出自:http://gaolizhong666.blog.163.com/blog/static/11561504220098110101672/ <link>元素所参考的样式用户可以自由的选择加以改变,而导入的样式表单就自动的与剩下的样式表融合在一起了 CSS与HTML文档结合的4中方法: 1 使用<link>元素链接到外部的样式文件 2 在<head>元素中使用"style"元素来指定 3
<link>元素所参考的样式用户可以自由的选择加以改变,而导入的样式表单就自动的与剩下的样式表融合在一起了 CSS与HTML文档结合的4中方法: 1 使用<link>元素链接到外部的样式文件 2 在<head>元素中使用"style"元素来指定 3 使用CSS "@import"标记来导入样式表单 4 在<body>内部的元素中使用"style"属性来定义样式 一个例子: <html> <head
Less Less介绍 Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展 Less 和 CSS 非常像,因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展 Less文件需要经过Less预处理器编译成为CSS Less使用 在 Node.js 环境中使用 Less : npm install -g les
之前总出现这样的问题,明明文件存在,就是显示不出来,刚开始我还以为是CSS样式设置不正确,把它给挡住了。。。 后来发现是导入背景图片的格式不对。 background: url(./checkbox.png); 1. 图片的路径最好不要用引号括起来,即不要写成字符串的形式 2. 文件的路径必须写成 ./ 或者 ../ 的格式,之前 Hbuild 自动给我的路径,就没有这些,原来是
有时,客户端希望 RESTful Web API 提供经过排序后的字段,比如,按照年龄从大到小排列学生;有时,根据客户端条件,需要返回给前端的数据过多,如果一次提供,会大大降低响应速度。此时,可将数据做分割,分成不同的小份,发送给客户端。这一节,我们为大家介绍 RESTful Web API 如何实现数据的排序与分页。 1.排序的使用 在类视图中设置 filter_backends,使用rest_
go在编写web应用方面非常得力。因为目前它还没有GUI(Graphic User Interface 即图形化用户界面)的框架,通过文本或者模板展现的html界面是目前go编写应用程序的唯一方式。(**译者注:实际上在翻译的时候,已经有了一些不太成熟的GUI库例如:go ui。)
布局方式 静态布局 自适应布局 流式布局 响应式布局 弹性布局 兼容策略 渐进坚强 优雅降级 移动优先
找到默认主页入口 我们知道页面入口都是配置在路由中的,我们来看下app/config/routing.yml发现没有“/”的路由,但是我们发现了这么几句: app: resource: "@AppBundle/Controller/" type: annotation annotation的意思是“注解”,也就是说这一部分路由配置放在了注释里面,而资源在@AppBundl
问题内容: 一个男人要我重新设计一个在PHP(VideoCMS)中运行的网站。但是,当我要求他向我发送源代码时,他给了我 .tpl文件而不是 .php文件。其中包含一些代码: 要么 问题:代码的解释器是什么?如何重新设计此网站? 问题答案: 在我看来,这很聪明。Smarty是用PHP编写的模板解析器。 您可以在文档中阅读如何使用Smarty。 如果您无法访问CMS的源代码: 要在浏览器中查看模板,
问题内容: 我最后生成目录,我想在开始时移动目录。假设我的PDF中有16页,并且TOC从第13页开始到第15页结束。我想将TOC移到第二页,以便第一页保留为第1页,最后一页保留为第16页。这段代码没有给我我想要的东西: 请提出一些解决方案。 问题答案: 您的公式是错误的。你有: 但这会将您的目录放在第一页。根据您的描述,这不是您想要的。 您想要这样的东西: 此代码使用测试ReorderPage在1