网站建设服务热线 服务热线:400-0352-801 大同网站建设大客户专线 大客户专线:18903527064 大同网站建设咨询邮箱 咨询邮箱:web#sxdt.net 微信
您的位置:首页 > 最新动态 > 网海拾贝 > > 正文
大同宏微信息在网页设计中文本排版的技巧和细节
更新时间:2018-01-27 10:10:42    来源:大同网站建设   点击:
  网站的核心是内容,用户访问网站最重要的目的就是要看网站的正文,所以,网页的文本排版非常重要。  网页的文本排版并不是仅仅在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; }
  
  在网页设计中文本排版的技巧和细节还有很多,此处所列的都是为几个比较重要的部分。
  
  大同市宏微信息技术有限公司主要从事技术开发、技术服务、技术转让;电脑图文设计、制作;网站网页设计、维护;广告设计、制作及发布;公司主要技术人员在大同制作网站、大同建站、大同做网站、大同网站建设、大同网站制作、大同网页设计、大同网络开发、大同网站优化等方面有多年丰富的从业经验。

上一篇:大同宏微网站建设致胜的法宝:细节决定成败      下一篇:大同——这个城市的地方门户网站蕴藏了多少机遇

相关文章推荐
26日,国家工商总局、中央宣传部、中央网信办、工业和信息化部、公安部、国家卫生计生委、中国人民银行、新闻出版广电总局、食…
2018年广告监督管理司工作的总体要求是:深入学习贯彻党的十九大精神,以习近平新时代中国特色社会主义思想为指导,全面落实全…
国外一个哥们接了个任务,去整理数据线,这乱得一团一团的,看着就感觉是个非常大的工程。最后这哥们用了9天终于全部梳理清楚了
2018年的一二三线城市排名有什么变动呢?我们生活的这个城市——大同这个据说是中国唯一一个GDP出现负增长的城市,在全国城市发…
网站的核心是内容,用户访问网站最重要的目的就是要看网站的正文,所以,网页的文本排版非常重要。 网页的文本排版并不是仅…
经常遇到客户在说:你们的价格为什么比其他公司的贵,我听你们几家公司介绍,觉得都差不多,那你们的价格贵在哪儿?