您的位置:首页 > Web前端 > CSS

CSS中设置字体样式

2018-02-01 15:35 351 查看

CSS设置字体样式:

   1.字体大小设置
       字体大小设置,常见的有四种不同的方法:
body{
font-size:14px;
}
h1{
font-size:150%;
}
h2{
font-size:1.2em;
}
h3{
font-size:small;
}
    body中的大小设置14px,表示字体的高度是14个像素;
    h1中的大小设置百分比,是表示相对大小,相对于body的150%倍;
    h2中的大小设置em,是表示相对大小,想对于body的1.2倍大小;
    h3中的大小直接是关键字。常用的有small,medium,large;
2.字体设置
    字体设置需要用到font-family设置:
body{
font-family:Verdana,Genva,Arial,sans-serif;
}

3.字体粗细
    字体粗细设置需要用到属性font-weight设置:
body{
font-weight:bold;
}
  bold表示粗体,还有normal、bolder,lighter。也可以用数值表示。

4.字体样式

   字体样式用font-style属性设置:
body{
font-style:italic;
}
h1{
font-style:oblique;
}
 均是使字体产生倾斜效果。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: