<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>5css的文字与字体</title>
<style type="text/css">
#div1{font-size:50px}
#div2{font-size:200%}/*相当于当前默认字体的2倍大小*/
#div3{font-size:3em}/*相当于当前默认字体的3倍大小*/
#div4{font-variant:small-caps}/*规定是否以小型大写字母的字体显示文本，normal正常，small-caps小型大写字母*/
#div5{font-style:italic}/*规定文本的字体样式，normal正常，italic倾斜，oblique当字体库没有倾斜字体时同样可以倾斜*/
#div6{font-weight:bold}/*加粗字体，还可以用数字100-900表示，400=normal，700=bold（效果不明显）*/
#div7{font-family:楷体，黑体}/*设置文本的字体系列（例中表示如果电脑中没有楷体就设置为黑体）*/
#div8{font:bold small-caps italic 50px 楷体}
/*在一个声明中设置所有字体属性（空格隔开），！！！至少要设置字体大小和系列且必须按照例中的顺序设置（即先大小后系列，其他的写在这俩个前面顺序无所谓）*/
@font-face{font-family:"abc";src:url('字体的地址')}/*嵌入字体,有字库可以下载字体*/
p{font-family:abc}
</style>
</head>
<body>
<div id="div1">11111111111111111</div>
<div id="div2">22222222222222222</div>
<div id="div3">33333333333333333</div>
<div id="div4">fwfsfwfjJFJFOF</div>
<div id="div5">55555555555555555</div>
<div id="div6">66666666666666666</div>
<div id="div7">哇哇哇哇问问</div>
<div id="div8">哇哇哇哇问问</div>
<p> font-face嵌入字体</p>
</body>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>5css的文字与字体</title>
<style type="text/css">
#div1{font-size:50px}
#div2{font-size:200%}/*相当于当前默认字体的2倍大小*/
#div3{font-size:3em}/*相当于当前默认字体的3倍大小*/
#div4{font-variant:small-caps}/*规定是否以小型大写字母的字体显示文本，normal正常，small-caps小型大写字母*/
#div5{font-style:italic}/*规定文本的字体样式，normal正常，italic倾斜，oblique当字体库没有倾斜字体时同样可以倾斜*/
#div6{font-weight:bold}/*加粗字体，还可以用数字100-900表示，400=normal，700=bold（效果不明显）*/
#div7{font-family:楷体，黑体}/*设置文本的字体系列（例中表示如果电脑中没有楷体就设置为黑体）*/
#div8{font:bold small-caps italic 50px 楷体}
/*在一个声明中设置所有字体属性（空格隔开），！！！至少要设置字体大小和系列且必须按照例中的顺序设置（即先大小后系列，其他的写在这俩个前面顺序无所谓）*/
@font-face{font-family:"abc";src:url('字体的地址')}/*嵌入字体,有字库可以下载字体*/
p{font-family:abc}
</style>
</head>
<body>
<div id="div1">11111111111111111</div>
<div id="div2">22222222222222222</div>
<div id="div3">33333333333333333</div>
<div id="div4">fwfsfwfjJFJFOF</div>
<div id="div5">55555555555555555</div>
<div id="div6">66666666666666666</div>
<div id="div7">哇哇哇哇问问</div>
<div id="div8">哇哇哇哇问问</div>
<p> font-face嵌入字体</p>
</body>
</html>
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
