今日头条 焦点资讯 营销之道 企业报道 淘宝运营 网站建设 软件开发 400电话
  当前位置: 首页 » 资讯 » 网站建设 » 正文

如何编辑代码让网站的字体变得美观

放大字体  缩小字体 发布日期:2013-04-12  浏览次数:59  【去百度看看】
核心提示:一般的网站字体用的是默认的宋体,可是千篇一律的宋体让人觉得毫无新鲜感,过于单调,让人厌烦。如果你想要点美观一点的字体怎么
一般的网站字体用的是默认的宋体,可是千篇一律的宋体让人觉得毫无新鲜感,过于单调,让人厌烦。如果你想要点美观一点的字体怎么办呢?很简单,学一下简单的代码编辑。
 
一般字体默认的字体设置标签格式:<p>网站设计</p>
一般字体默认为宋体,如果你不喜欢宋体字作为你的网站字体。可以设置为你所希望的字体。但是你要确保网站字体在别人的电脑也可以显示,不然在别人电脑上没有字体库,就会显示为宋体了。
 
 设置字体的标签如下:
<p><font face="黑体">网站设计</font></p>
<font>标签具有下面三个属性值:
size="..." 设置字体的大小,一般从1到7,它的默认值是+3,每次改变字体都是+3或者-3。
color="..." 字体颜色的设置。定义颜色可以利用RGB的16进制值,比如: color=“#ffffff” 。也可以直接利用颜色英文来定义,比如: color=“white”。
face="..." 字体样式的设置,比如:face=“黑体”。或者 face=“黑体,宋体”。后者的格式,每当浏览器访问第一种字体失败后,浏览器就会访问第二种字体,依此类推。
 
HTML还提供了以下字体样式标签:
1.六个标题样式
从h1到h6,如:<h1><font face="黑体" size="2">网站设计</font></h1>
 
2.定义文本
定义大字体
<big>网站设计</big>
 
3.字体风格
斜体字:<em>网站设计</em>
粗体字:<strong>网站设计</strong>
斜体+粗体字:<strong><em>网站设计</em></strong>
 
定义小字体
<small>网站设计</small>或者<small><small><small>网站设计</small></small></small>
如果你在字体标签中设置了size="...",那么<big>标签将不起作用。
除了以上常用字体标签元素外,HTML还包含很多其它标签,但不我们不多用。
 
二.CSS(层叠样式表)改变字体
在过去页面上的字体是一成不变的,静静的呆在那。当DHTML(动态网页)出现后,我们能有更多方式控制字体了。一般来说,动态字体的实现核心是CSS(层叠样式表)加JavaScript。使用了以上两项技术后,字体就能产生许多变化。
 
1.CSS定义字体的标签元素
font-family: 设置字体字族。
对于以上的字体设置,我们可以采用一个方便的方法:
 
<span style="font:normal bold 14pt 黑体">网站设计</span>
在style定义的次序是:font-style,font-weight,font-size,font-family.
 
2.定义CSS字体属性类
一般我们在制作动态字体时,我们会首先利用CSS定义出页面字体的整个属性,然后在页面中引用,而不用对每段文本进行设置,这也是实现动态字体首先一步。
<HTML>
<head>
<style type="text/CSS">
.tt2 { font-family:"黑体"; font-size: 16px; font-style: normal; line-height: 17px }
</style>
</head>
<body>
<p class="tt2">网站设计</p>
</body>
</HTML>
 
3.CSS定义字体和<font>定义字体的冲突
对于CSS定义字体和<font>定义字体,我们都要注意以下问题,比如有以下字体设置:
<span style="font-family: 宋体(KSC); font-size: 200pt"><font>网站设计</font></span>
这时侯字体大小将以font-size: 200pt的定义来设置。但如果你在<font>中加入size属性,比如:
<span style="font-family: 宋体(KSC); font-size: 200pt"><font size="5">网站设计</font></span>
 
这时侯,字体的大小以size的设置为准,如果字体的大小是200pt将不起作用。其它的属性也是一样。如果你无需动态字体,就利用HTML4.0的<font>来定义字体,需要动态字体时,就需要使用CSS和JavaScritp来定义字体及引发事件。
 
这里的“网站设计”两个字引用了.main_2类定义的字体样式。你可以定义不同的内容来引用。
<HTML>
<head>
<style type="text/CSS">
.tt1 { font-family:"宋体"; font-size: 15px; font-style: normal; }
.tt2 { font-family:"黑体"; font-size: 16px; font-style: normal; }
</style>
</head>
<body>
<p class="tt1">网站设计</p>
<p class="tt2">网站设计</p>
</body>
</HTML>

 
长春  短信群发  吉林省  红视窗  中国  长春市  玉米  长春网站建设  网站  振华  设备  设计  吉林  广州  扑克  联合声明  叙利亚  美国  美国白宫  新闻中心  内蒙古  白宫  化学武器  指示  记者会  化武  塞内加尔  消费者权益  小雨  满洲里  叙政府  日本  北京市  中国政府  毒品  中消协  消费者  强台风  台风  非洲  中非合作论坛  圆桌  中非  长春上门维修电脑  大阪  海外网  经济  国家元首  突击步枪  重庆市  俄罗斯  网站建设  步枪  长春上门做系统  长春上门修电脑  长春北大青鸟  党委书记  政治  北斗导航  军民  龙头企业  长春电脑上门维修  党委  产业园  位置服务  售前咨询技巧  中国电影  制造  侯建国,质量,中国特色社会主义  AJAX  中国移动  中国智能建筑节  中国芯  长春国贸  PHP  中国军网  小米  RSS  f-35  美国人  政府  弹道导弹  战斗机  州长  一带一路  检察官  特朗普  塞申斯  中国市场  今日头条  特朗普,贸易战,美国  微博  XML  发布会  刘强东  英国皇家海军  运载火箭  航母  战机  中国空军 
 
[ 资讯搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 违规举报 ]  [ 关闭窗口 ]

 
0条 [查看全部]  相关评论

 
网站首页 | 关于我们 | 联系方式 | 使用协议 | 版权隐私 | 网站地图 | 排名推广 | 广告服务 | 积分换礼 | 网站留言 | RSS订阅 | 吉ICP备19006030号-4
企业800网 · 提供技术支持