首页 > 网站建设 >

深圳网站制作浅析静态网页如何使用字体?

发布时间:2018-09-05 作者:深圳网站制作

 深圳网站制作公司,就网站设计时怎样做好网站前端以及静态网站制作使用语言都有哪些?在前几篇文章中,我们总结过HTML、CSS等语言的特性以及属性等文章,今天深圳网站制作主要分享静态网站制作时如何更好的使用字体。字体样式涉及文字型体效果,包括字体类型、字体大小、字体颜色等基本效果,还包括字体粗细、下划线、斜体、大小写等特殊效果。文本样式主要涉及文本排版效果。

静态网站制作定义字体类型
CSS使用font-family属性来定义字体类型,另外使用font属性也可以定义字体类型。
☑ font-family是字体类型专用属性,用法如下:
font-family:name
font-family:ncursive|fantasy|monospace|serif|sans-serifname表示字体名称,可指定多种字体,多个字体将按优先顺序排列,以逗号隔开。如果字体名称包含空格,则应使用引号括起。第二种声明方式使用所列出的字体序列名称,如果使用fantasy序列,将提供默认字体序列。
☑ font是一个复合属性,该属性能够设置多种字体属性,用法如下:
font:font-style||font-variant||font-weight||font-size||line-height||font-familyfont:caption|icon|menu|message-box|small-caption|status-bar
属性值之间以空格分隔。font属性至少应设置字体大小和字体类型,且必须放在后面,否则无效。前面可以自由定义字体样式、字体粗细、大小写和行高,详细讲解将在后面内容中分别介绍。

【示例】启动Dreamweaver,新建一个网页,保存为test.html,在<body>标签内输入一行段落文本。
<p>定义字体类型</p>
在<head>标签内添加<styletype="text/css">标签,定义一个内部样式表,然后输入下面样式,用来定义网页字体的类型。中文网页字体一般多定义为宋体类型,对于标题或特殊提示信息,如果需要特殊字体,则建议采用图像形式来间接实现。原因是中文字体类型比较少,通用字体类型就更少了,字体的表现力比较弱,即使存在各种艺术字体,但是恐于艺术字体的应用范围窄,很少被网页设计师用来作为网页字体使用。

  定义字体大小CSS使用font-size属性来定义字体大小,该属性用法如下:
fontsize:xxsmall|xsmall|small|medium|large|xlarge|xxlarge|larger|smaller|length其中,xx-small(最小)、x-small(较小)、small(小)、medium(正常)、large(大)、x-large(较大)、xx-large(最大)表示绝对字体尺寸,这些特殊值将根据对象字体进行调整。larger(增大)和smaller(减少)这对特殊值能够根据父对象中字体尺寸进行相对增大或者缩小处理,使用成比例的em单位进行计算。length可以是百分数,或者浮点数字和单位标识符组成的长度值,但不可为负值。其百分比取值是基于父对象中字体的尺寸来计算,与em单位计算相同。

【示例】启动Dreamweaver,新建一个网页,保存为test.html,在<body>标签中输入以下内容:
<div><pclass="p1">明月几时有?0.6in</p><pclass="p2">明月几时有?0.8em</p><pclass="p3">明月几时有?2cm</p><pclass="p4">明月几时有?16pt</p><pclass="p5">明月几时有?2pc</p></div>在<head>标签内添加<styletype="text/css">标签,定义一个内部样式表,然后输入下面样式,分别设置各个段落中的字体大小。在<head>标签内添加<styletype="text/css">标签,定义一个内部样式表,然后输入下面样式,分别设置各个段落中的字体大小。
通过以上操作,我们得出如下效果深圳网站制作关于静态网页字体的使用经验全文未完,敬请持续关注本站。博纳网络编辑整理。
 
 
文章标题:深圳网站制作浅析静态网页如何使用字体?
本文地址:https://www.198bona.com/news/1318.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯