关闭

css常用属性之字体属性

标签: css字体
147人阅读 评论(0) 收藏 举报
分类:

本篇小结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>


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:27531次
    • 积分:791
    • 等级:
    • 排名:千里之外
    • 原创:52篇
    • 转载:4篇
    • 译文:0篇
    • 评论:5条
    最新评论