|
互联网上阅读,已成为当下越来越多的人们获取信息的主要手段,如果只是简单的摆放文字很容易让访问者失去阅读的兴趣,如何让网页设计上的文字看起来不枯燥,富有变化,而不是简单的堆砌,让文字更适合阅读。相信这是每个设计师在设计网页时都会遇到的问题,要想如何更好的处理文字界面,就要首页了解CSS里文字的属性。CSS关于文字大小的常用到的单位是px、em。
px像素是相对长度单位,像素px是相对于显示器屏幕分辨率而言的。em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。px是绝对单位,不支持IE的缩放。px能够精确地表示元素在屏幕中的位置和大小。 em是相对单位,网页中的文字能放大和缩小。将行距,和纵向高度的单位都用em。保证缩放时候的整体性。 一、标题和正文 字体的选择 宁波网页设计上的常用字体分为字体分为衬线体与非衬线体,衬线就是笔画边缘的装饰部分开始和结尾有明显的笔触,中文的衬线字体常用的就是宋体。英文常用的有Times New Roman和Georgia。 无衬线装饰,笔画粗细无明显查差异的字体就是非衬线体。英文Arial、Helvetica、Verdanad都是我们常用到的英文非衬线体,中文是微软雅黑。 由于受到电脑分辨率的限制笔触装饰的衬线体,可提高辨识度和阅读效率,更适合做为阅读的字体。多用于报纸、书籍等印刷品的正文。非衬线体饱满醒目,常用做标题或者用于较短的段落。 二、行距和行长 间距没有固定的值,通常是根据字体大小来定义的。行距就是指两个相邻的行之间,基线的距离。行间距的单位常常使用em,也就是根据字体大小来定义行距。充足的行距可以隔开每行文字,使得眼睛容易区分上一行或下一行。行距常常设置成1.5em。 行长越长,需要的越大的行距。行距太小,读者阅读换行时容易串行。行距太大,读者阅读行时会感觉到文字不连续。英文每行80-100个字母为宜;中文每行30-40个汉字为宜。 三、文字的背景 由于本身浏览器会发光,纯白色背景的文字,长时间阅读会使眼睛更容易疲乏。因此,为了提高页面浏览的舒适度和效率,越来越多的页面采用浅灰色和淡黄色做为页面背景。 | |
|
如果想要了解更多这方面的新闻,请速度点击壹号新闻了解吧!!
| |