CSS字体相关属性



字体属性


font-size 字体大小


font-size:14px


font-family 定义字体


font-family:微软雅黑,serif;

可以使用“,”隔开,以确保当字体不存在的时候直接使用下一个


font-weight 字体加粗


normal(默认值)、bold(粗)、bolder(更粗)、lighter(更细)

100、200、300~900

400 = normal,而 700 = bold

 


小练习



<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>麦子学院</h1>


<h1>麦子学院</h1>


<h1>麦子学院</h1>


<h1>麦子学院</h1>






<em>麦子学院</em>


<em>麦子学院</em>


<em>麦子学院</em>


<em>麦子学院</em>




-->




<p>maizixueyuan</p>


<p>maizixueyuan</p>


<p>maizixueyuan</p>


</body>


</html>

 

运行结果:


 CSS.png

【本文由麦子学院独家原创,转载请注明出处并保留原文链接】 


logo
© 2012-2016 www.maiziedu.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

有一位课程导师想与你聊聊

客服热线 400-862-8862

回到顶部