分享
 
 
 

CSS入门之控制字体

王朝html/css/js·作者佚名  2006-12-16
窄屏简体版  字體: |||超大  

这一节我们将讨论如何用CSS 来控制元素中字体的形状, 大小, 风格.

字形

CSS 用来控制字形的性质是 font-family. 你可以用它来决定任何一个元素中文字的字形. 比如 H1, H2, P {font-family: 楷体}

TD {font-family: arial}

这就是说在网页中的 H1, H2, 和 P 的字形是楷体, 而 TD 中的字形是 arial. 现在问题是你不知道访客的浏览器里面有没有楷体. CSS 允许你给 font-family 多于一个以上的字形, 比如

H1, H2, P {font-family: 楷体, 黑体, 宋体}

上面这个定义可以使得浏览器先用楷体, 如果没有就用黑体...记住每个字形之间要用逗号隔开.

大小

用来控制字体大小的性质是 font-size 样式表可以识别许多种确定一种要素尺寸的不同单位:

第1种, points:

P { font-size: 16pt }

这条代码告诉浏览器以16 points(点)的尺寸显示<P>。

Points是确定文字尺寸非常好的单位,因为它在所有的浏览器和操作平台上都适用。你唯一需要留意的就是在缺省设置下,PC机中显示的字要比MAC机中显示的大一些。

下一个单位,pixels:

P { font-size: 20px }

从网页设计的角度来说,pixel(象素)是一个非常熟悉的单位,它最大的优点就在于所有的操作平台都支持pixel单位(而对于其它的单位来说,PC机的文字总是显得比MAC机中大一些。

而其不利之处在于,当你使用pixels单位时,网页的屏幕显示不稳定,字体时大时小,甚至有时根本不显示,而points 单位则没有这种问题。

此外你还可以试试em、in、cm、mm、pc、ex等单位

斜体

如果想让字体成为斜体, 要用 font-style 性质, 比如 P {font-style: italic}

如果字体风格设为normal,它将取消斜体字风格,将字体以正常形式显示。

加重

用 font-weight 来调节文字的粗细, 比如 P {font-weight: bold}

font-style 的可能的值是 lighter, normal, bold, bolder bold是字重最常见的应用方式,而normal属性也可以取消加重字体,将字体以正常形式显示。

你还可以用数值100,200,...900。正常的非加重体的字体值为400,900是最加重的字体参数值。

下一节我们讨论文字的定位.

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有