HTML固定内容的css代码,普通文本重内容的HTML/CSS设计

遗憾的是,如果您对HTML没有太多的控制权,那么很难从CSS中获得稳定、一致的表示。如果您不能向元素添加特殊的类/ID,这一点尤其正确。和

不自觉使用的标签会破坏任何标准化布局的尝试。

如果您只限于所提供的HTML,那么您的主要目标应该是使其尽可能可读。确保字体大小足够大,人们可以在椅子上舒服地向后靠着阅读。或者站在某人的肩膀上。它不需要太大,但如果它像你所说的文本太重,传统的12磅可能会觉得太小,不适合大量阅读。

使用哪种字体是另一个考虑因素。Verdana比Arial宽,所以它占用了更多的水平空间,但对眼睛来说更容易看到。其他人倾向于使用像georia这样的衬线字体,这种字体在较大的尺寸下可以很好地容纳。

垂直间距很重要。确保在页面的各个区域之间包含足够的可视分隔时间。您可以使用明显且一致的副标题样式来实现这一点。同时确保

line-height

每行之间足够宽-人们不喜欢读“砖块”的文字。

别忘了水平空间。一般的经验法则是,一列文本每行的跨度不应该超过60-70个字符,否则阅读起来会更加困难。

记住,人们来你的网站是为了获取信息,他们访问和获取信息的速度越快,他们就越高兴。视觉糖果是不错的,但你的首要任务应该是使网站尽可能容易使用和清晰。

至于灵感,我是一个相当大的文本设计迷

Information Architects

. 你也可以看看

Subtraction.com

. 博客很可能是一个很好的灵感来源,因为它们通常都是大量的文本。

祝你好运。

HTML固定内容的css代码,普通文本重内容的HTML/CSS设计相关推荐

CSS尺寸与文本讲解。HTML、CSS笔记（四）。
文章目录 CSS尺寸(Dimention) 行高line-height属性尺寸的其他属性 heigh.width属性 max-height.max-width属性 min-height.min-wi ...
css代码应该放html哪里,html中css代码可以放在哪里
html中css代码可以放在哪里发布时间:2021-05-21 14:41:26 来源:亿速云阅读:83 作者:小新这篇文章主要介绍html中css代码可以放在哪里,文中介绍的非常详细,具有一定 ...
java增加内容辅助_Eclipse代码自动提示（内容辅助content assist）
Eclipse中默认是输入"."后出现自动提示,用于类成员的自动提示,可是有时候我们希望它能在我们输入类的首字母后就出现自动提示,可以节省大量的输入时间(虽然按alt + /会出现 ...
python 文本框内容变化_监听文本输入框内容值的改变——4种方法
以下是addTarget: import "ViewController.h" @interface ViewController () @property (weak, nona ...
高效整洁CSS代码原则
CSS学起来并不难,但在大型项目中,就变得难以管理,特别是不同的人在CSS书写风格上稍有不同,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则: 1. 使用Reset但并非全局Re ...
60个非常实用的CSS代码
60个非常实用的CSS代码 1.垂直对齐如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: .verticalcenter ...
CSS代码重构与优化之路
写CSS的同学们往往会体会到,随着项目规模的增加,项目中的CSS代码也会越来越多,如果没有及时对CSS代码进行维护,CSS代码不断会越来越多.CSS代码交错复杂,像一张庞大的蜘蛛网分布在网站的各个位置 ...
CSS代码重构与优化之路（转）
CSS代码重构与优化之路阅读目录 CSS代码重构的目的 CSS代码重构的基本方法 CSS方法论我自己总结的方法写CSS的同学们往往会体会到,随着项目规模的增加,项目中的CSS代码也会越来越多,如 ...
css游戏代码_介绍CSSBattle-第一个CSS代码搜寻游戏
css游戏代码 by kushagra gour 由kushagra gour 介绍CSSBattle-第一个CSS代码搜寻游戏 (Introducing CSSBattle - the first ...

HTML固定内容的css代码,普通文本重内容的HTML/CSS设计

HTML固定内容的css代码,普通文本重内容的HTML/CSS设计相关推荐

最新文章

热门文章