本篇小结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>
<!--
<h1 class="ha">今天天气真好！</h1>
<h1 class="hb">今天天气真好！</h1>
<h1 class="hc">今天天气真好！</h1>
<h1 class="hd">今天天气真好！</h1>
<em class="a">今天天气真好！</em>
<em class="b">今天天气真好！</em>
<em class="c">今天天气真好！</em>
<em class="d">今天天气真好！</em>
-->
<p class="pa">winson</p>
<p class="pb">winson</p>
<p class="pc">winso hello</p>
</body>
</html>
959
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
