CSS字体样式属性-【font-size】和[font-family]

CSS字体样式属性-【font-size】和[font-family]
font-size字号大小
font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可使用绝对长度单位。其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。单位有以下:
【相对长度单位】
em:相对于当前对象内文本的字体尺寸
px:像素,最常用,推荐使用
【绝对长度单位】
in:英寸
cm:厘米
mm:毫米
pt:点

font-family:字体
font-family:属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等

常用技巧:
1、现在网页中普遍使用14px+。
2、尽量使用偶数的数字字号。IE6及以下的浏览器支持奇数会有BUG
3、各种字体之间必须使用英文状态下的逗号隔开
4、中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体必须位于中文字体之前。
5、如果字体名包含空格、#、$等符号,则该字体必须加英文状态下的单引号或双引号,例如"font-family:"Times New Roman";
6、尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。

unicode设置字体,有些老版本不支持中文,但支持unicode编码的,不需要记住
宋体:\5B8B\4F53
新宋体:\65B0\5B8B\4F53
黑体:\9ED1\4F53
微软雅黑:\5FAE\8F6F\96C5\9ED1
楷体_GB2312:\6977\4F53_GB2312
隶书:    \96B6\4E66
幼圆:\5E7C\5706
华文细黑:\534E\6587\7EC6\9ED1
细明体:    \7EC6\660E\4F53
新细明体:\65B0\7EC6\660E\4F53

去们以后尽量只写unicode,只写两个,宋体和微软雅黑,即\5B8B\4F53和\5FAE\8F6F\96C5\9ED1

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
	p {
		font-size: 30px;
		color: red;
		font-family: "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";
	}	
	</style>
</head>
<body>
	正常的对比字体
	<p>经过样式修改的大字体</p>
</body>
</html>

效果如下:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值