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

css常用属性之字体属性

2016-08-28 19:13 351 查看

本篇小结css常用属性的字体属性的用法。

<html>
<head>
<title>CSS常用属性(字体相关属性)</title>
<meta charset="utf-8">
<style type="text/css">
/*
body{
font-size:20px;
}

.ha{
font-size:smaller;
}
h1{
font-size:inherit;
}
.hb{
font-size:larger;
}

h1{
font-family: Microsoft YaHei ,'宋体','微软雅黑';
}

ha{
font-weight:normal;
}
.hb{
font-weight:bold;
}
.hc{
font-weight:bolder;
}
.hd{
font-weight:lighter;
}

h1{
font-family: Microsoft YaHei ,'宋体','微软雅黑';
}
.ha{
font-weight:100;
}
.hb{
font-weight:400;
}
.hc{
font-weight:700;
}
.hd{
font-weight:900;
}

body{
font-style:italic;
}
.a{
font-style:normal;
}
.b{
font-style:italic;
}
.c{
font-style:oblique;
}
.d{
font-style:inherit;
}

*/

.pa{
font-variant:normal
}
.pb{
font-variant:small-caps
}
.pc{
font-variant:inherit
}
</style>
</head>
<body>


<p class="pa">winson</p>
<p class="pb">winson</p>
<p class="pc">winso hello</p>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： css 字体

相关文章推荐

新的分享

章节导航