登录

css字体设置、设置字体样式、字体大小、使用em设置字体大小

我来纠错
//字体设置
font-family 属性应该设置几个字体名称作为一种"后备"机制,如果浏览器不支持第一种字体,他将尝试下一种字体。
注意: 如果字体系列的名称超过一个字,它必须用引号,如Font Family:"宋体"。
多个字体系列是用一个逗号分隔指明:
p{ font-family: "Helvetica Neue", "Arial", "PingFang SC", "Microsoft Yahei", "SimSun", sans-serif; }

//字体样式
主要是用于指定斜体文字的字体样式属性。
这个属性有三个值:
p.normal {font-style:normal;} //正常 - 正常显示文本
p.italic {font-style:italic;} //斜体 - 以斜体字显示的文字
p.oblique {font-style:oblique;} //倾斜的文字 - 文字向一边倾斜(和斜体非常类似,但不太支持)

//字体大小
设置文字的大小与像素,让您完全控制文字大小:
h1 {font-size:40px;}
h2 {font-size:30px;}
p {font-size:14px;}

//用em来设置字体大小
为了避免Internet Explorer 中无法调整文本的问题,许多开发者使用 em 单位代替像素。
em的尺寸单位由W3C建议。
1em和当前html字体大小相等。在浏览器中html默认的文字大小是16px。
因此,1em的默认大小是16px。可以通过下面这个公式将像素转换为em:px/16=em
实例
h1 {font-size:2.5em;} /* 40px/16=2.5em */
h2 {font-size:1.875em;} /* 30px/16=1.875em */
p {font-size:0.875em;} /* 14px/16=0.875em */

//H5调整em比例
设置html字体大小为50px
html{ font-size:50px; } //PC设计稿里的像素和手机像素比为2:1;PC显示为100px,手机则为50px,设置默认字体为50px,这样1em = 50px,就等于PC里的100px;相当于 手机 1em = PC 100px;
body{ font-size:0.24rem; } //由上面的比例公式,设计稿24px就可以直接写成0.24rem;计算转化方便快速。
发送
热门关键词:
命令
知识类型:
标题描述:
详细解答:

提交审核您编辑的知识会经过 前端大牛 人工审核。