CSS字型的设定

2016-02-19 20:23 4 1 收藏

下面请跟着图老师小编一起来了解下CSS字型的设定,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - Web开发 】

在总部网站中已有一些font../font的简介...
HTML对于font../font卷标只有:
font color=colorvalue size=fontsize face=字型/font这3种设定..
关于CSS对于font../font的延伸规格让我们可以对字型的有更详细的设定

对于字型的设定:

font-family:字型名称1,字型名称3,字型名称3,.....

显示字型的优先级,若计算机中有安装该字型,便以该字型显示..
如果你所设定的字型,client的计算机全部都没有安装,便会已浏览器预设的字型显示

font-size:18pt|120%|xx-small|s-small|small|medium|large|x-large|xx-large

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

对于字体大小的定义严格来说有2种方式:

1.绝对
如:pt;in 这些大小是固定的,不会因分辨率而改变..

2.相对
如: px;em;% 这些会随着分辨率与目前字号而改变...

font-style:normal|italic|oblique
斜体
font-weight:normal|bold|lighter|bolder|100-900
字体粗细
font-variant:normal|small-caps
英文小写转字体较小的大写

关于以上这些的应用,可以用[CSS套入]的任何一种方式..
举个例:

html
head
title/title
style
span {font-size:20pt;
font-color:purple;
font-variant:small=caps;
}

/style
/head
body
spanDhtml&Asp/span
/body
/html

这样子显示的字体便会为20pt大小、紫色、英文小写转成较小的大写了..

或着也可以这样设定:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

html
head
title/title
/head
body
span style="font-size:20pt;font-color:purple;font-variant:small-caps"Dhtml&Asp/span
/body
/html

这样子显示的字体同样也是20pt大小、紫色、英文小写转成较小的大写了..

来源:https://www.tulaoshi.com/n/20160219/1623548.html

延伸阅读
  # 版权宣告: 1999 Copyright OLS3 All rights reserved. # 作者: OLS3 (卧龙小三) # 本讲义仅供台南县 87 学年度网路管理进阶研习班上课之用. # 学员可保存一份自用, 供日後网管时参考备查. # 作者保有一切形式的着作权. # 欲作其它用途者...
标签: 办公软件
    我们也可以改变Excel默认的时间和日期格式,建立自己定义的格式。可以在输入前设定自己所需要的数据格式,例如习惯于“年、月、日”的日期格式,则可对要输入的单元格进行格式的设定,设定的步骤可按下述方法进行:     (1) 执行“格式”菜单中的“单元格”命令,这时屏幕上出现“单元...
如何做好全文字型PPT   网上流传的美轮美奂的PPT,往往与我们工作中的PPT大相径庭。网上流传的各种PPT教程,往往也和我们工作中的实际情况相矛盾。美轮美奂的PPT的共性是,文字很简单,配图很精彩,动画很绚丽。各种PPT教程也都会提到,要精简文字,只提观点。文字少一点,图表多一点,这样的PPT当然会好看。 我们工作中的PPT,...
Negro工作室字型设计欣赏 - PS字体设计 Negro工作室字型设计欣赏 - PS字体设计(2) Negro工作室字型设计欣赏 - PS字体设计(3) Negro工作室字型设计欣赏 - PS字体设计(4) ...
标签: 电脑入门
在一份试卷中,会有多道题目,每道题目的分值又各不同,如何快速计算所有题目的总分呢?大家都知道在电子表格里可以方便的进行计算,其实在wps文字里也可以用公式对表格进行计算,但每道题的分值并没有在表格里,而是分散在每道题题目的后面,如何对这些分值进行计算呢?我们可以利用书签来计算总分,但书签的插入和修改有时候不是很方便,这里我...

经验教程

244

收藏

94
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部