CSS值、单位和字体说明

站长资源 2024/9/22 佚名

2 0 1

1.颜色值

最为简洁明了的制定颜色值的方法是利用颜色的名字。HTML4和CSS2规定了16种颜色，CSS2.1新增了一个Orange。要指定颜色很简单：

<div style="background-color:Gray">Gray</div>

下图是17种颜色的示例：

使用命名来指定颜色的话种类很有限，更加通用的方法是用RGB分量来制定。RGB可以用三个0到255的整数来指定，也可以用一个百分数来指定。或者利用#加上三个连写在一起的两位16进制数来表示。例如：

<div style="background-color:rgb(75,0,0);"> </div>
<div style="background-color:rgb(10%,15%,0%);"></div>
<div style="background-color:#334455;"></div>

2 长度单位

长度单位中最常用的是px，1个px就是屏幕上的一个像素点。实际上，不同屏幕的像素点的大小是不一样的（点距不同），因此，同样10px的字体在不同的显示器上的显示效果不太一样。不过这种差别一般不会太大。使用px也是最常见的选择。

还一个是em，em被定义为当前字体大小。

pt和px经常混淆。pt的精确定义是1inch=72pt=2.54cm. 它定义的是一个绝对的物理意义上的长度，然而事实上，浏览器很难知道你的显示器上一个像素到底有多宽，也就无法精确的现实这些物理距离。从像素到物理长度单位转换靠的操作系统的设置。一般的操作系统把96个像素当作1英寸。早期的Mac系统这个值是72。因此，在早期的Mac中，使用pt和px的效果是完全一样的。在windows下使用pt大约是px的1.2倍大。当然，操作系统的这个值是可以根据用户的设置来调节的。因此，使用pt，cm这一类的值意义不是太大。

3. 字体

我们通常意义所说的字体的确切含义是字体族，例如，Times字体常常包括TimesItatlic,TimesOblique等字体。在css中用font-famliy来指定字体。然而，浏览器在实际显示的时候，还是依赖于客户机上所安装的字体。如果利用css指定了一种不很常见的字体，在客户机器上没有安装此字体，那么该字体是不会被应用的。因此，要注意尽量使用通用的字体。英文字体主要有以下几种：Arial,Times,Verdana,Helvetica,Courier等。除了直接指定这些字体，CSS还定义一组通用字体，这些通用字体包括几种相似的通常的字体，当指定通用字体的时候，浏览器会从中挑出一种作为显示字体。但是浏览器除了IE以外对于这种通用字体的支持都不太好。

下面是5种通用系列。

IE8，IE8的字体一流漂亮：

Chrome 4，很奇怪Chrome 4似乎没有正确的解析Sans-serif字体。

更加奇怪的是Firefox完全不支持这种字体指定方式 –_-!!! 。有待研究。最后上一张常见英文字体的样子，还是用IE8的，IE8 的字体最漂亮。

CSS,单位,字体

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“CSS值、单位和字体说明”

暂无评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新日志

2024年09月22日