深圳培训课程分类
深圳网校课程
深圳免费公开课讲座
深圳培训资讯网
深圳考试资讯
深圳培训机构视频展示
深圳培训机构
深圳培训资讯网首页 深圳硕士学历培训 深圳自学考试培训 深圳成考远程培训 深圳外语培训 深圳IT培训 深圳资格认证培训 深圳出国留学 深圳就业技能培训 深圳基础教育培训
课程搜索
资料搜索
当前位置:IT培训 -> 网页设计师

网页设计中文本排版的技巧和细节


导航教育中心热点导读
 
 
  深圳成人高考网
· 华杰MBA09年考前辅导热招 ·南昌大学08年成考热门专业招生
· 中南财大金融硕士\华中项目硕士 ·深圳商祺人力资源管理师培训热招
· 深圳物流师认证培训课程大全 ·亚洲(澳门)公开大学MBA深圳热生
· 深圳营养师认证培训课程大全 ·香港财经大学工商管理博士(DBA)
 







【简 介】
  
网站的核心是内容,用户访问网站最重要的目的就是要看网站的正文,所以,网页的文本排版非常重要。
  网页的文本排版并不是仅仅在CSS里设置个字体大小那么简单的,想要有好的排版,对细节要下一番功夫才行。

  字体大小与行距

  在早期的网页设计中,设计师为了追求中文字体的最佳视觉效果,经常使用12px像素的字号。其实在现在看来,网站内容页面用这么小的文字是不可取的,小字体的可读性很差,没有多少人愿意非常费力的盯着屏幕去辨识那些小字。应该说,将文字的字号设置成14px或者更大的16px会更加合理,浏览者阅读起来也更加轻松。当然,如果条件允许,可以在文章阅读页面增加选择字体大、中、小的连接。

  文本之间的行距是非常重要的,因为挤在一起的文章会让读者看起来非常累,时不时的还会看错行。在面对密密麻麻挤在一起的长篇文字时,很少有人有耐心会看下去(至少我是如此)。一般情况下,文本的行距为1.5em与1.7em之间比较好,最好不要高于2em,否则过犹不及。

  快速参考:

  CSS中使用font-size调整字体大小,例如:font-size:14px;

  CSS中使用line-height调整行距,例如:line-height:1.6em;

  段落间距

  在段落之间,要保持足够的间距才能让读者更容易识别,页面也更整洁。面对没有段落间距的页面,读者很可能会把几个连在一起的小段路看成一个大段落,如果每个段落内容太多,很少有读者有耐心读完,因为互联网上绝大多数的读者浏览网站的方法并不是精读,而是“扫描”。

  

  我们通过修改p标签的margin属性或者padding属性来修改段落间距。相比较而言,段落间距占据一行文字的距离还是比较合理的,所以我们通常设置段落间距为1em。我习惯使用“padding:0.5em 0 0.5em 0;”来设置段落间距,padding后设置的距离按照顺序分别是段落的上方、右方、下方、左方间距。之所以在上方和下方各用一个0.5em而不是在下方用1em,是因为分别为上方和下方设置段落间距会让段落在右边框或背景的时候看起来更加均匀。

  快速参考:p { padding:0.5em 0 0.5em 0; }

  段落首行缩进

  在HTML中,半角空格是无法连续识别的,所以很多从网上找的文章都是没有段落缩进的,这样从板式上看起来就不是太符合我们中文文章在生活中的习惯,我们习惯开头空两个汉字的位置,而我们又懒得每个段落都去添上全角空格,那么我们可以使用段落首行缩进解决问题。使用text-indent即可实现段落的首行缩进,如果我们想要首行空两个汉字的位置,那么我们可以设置“text-indent:2em;”,这样缩进问题就解决了。

  快速参考:p { text-indent:2em; }

  常用标签定义

  这个问题前面已经提到了,具体情况因人而异,这里举个例子说明一下。假如我需要重新定义em标签,通常em标签都是显示为斜体的,我为了让他更突出,给他加一个颜色定义“color:green;”,这样我们在使用这些预定义标签的时候会更加得心应手,也更加符合自己的需要。

  快速参考:em { color:green; }

  在网页设计中文本排版的技巧和细节还有很多,我所列的都是我认为比较重要的部分

    
热门推荐: 经典:CSS应用常见问题大总结 WiMAX组网模式及应用模式详解

发布日期: (2007-11-30) 来源:互联网
本文关键字:网页设计师培训 网页设计培训
打印】 【收藏】 【关闭窗口





·深圳雅思强化(保6分)全日班、晚班、周末班
·深圳MBA:亚洲(澳门)国际公开大学MBA招生
·加拿大皇家大学MBA学位班深圳招生
·深圳上海新世界日语套餐班
·华杰MBA精品班保过班热招
·深圳国家物流师职业资格认证培训
关键词
关键词
  • 17条网站的隐患,影响你的收录排名  2008-02-04
  • 网站历史记录查看工具  2008-02-04
  • 优秀网页设计师教你提升网站可用性的3个忠告  2008-02-04
  • 网页设计师手册:怎么改善现有网站  2008-02-04
  • 什么是WEB标准  2008-02-04
  • 为什么要建立网站标准  2008-02-04

  • | 关于我们 | | 网站地图 | | 联系我们 | | 合作伙伴 | | 设为首页 | 加入收藏 |

    版权所有:深圳培训资讯网 | 深圳市导航教育服务有限公司
    Copyright©2004 szedu.com.cn Inc. All Rights Reserved
    Mailto: Postmaster@szedu.com.cn