5css的文字与字体
来源:互联网 发布:淘宝主播怎么合作 编辑:程序博客网 时间:2024/06/06 03:21
<!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>
阅读全文
0 0
- 5css的文字与字体
- css文字与字体相关
- CSS3的文字与字体
- CSS设置文字字体
- css 字体 文字换行
- css在设置文字的字体类型总结
- CSS3文字与字体
- cocos2d 文字与字体
- css padding 边框与文字的间距
- css-input与文字的对齐
- css-input与文字的对齐
- css怎么控制文字与文字之间的距离
- windows编程 文字与字体
- css3文字与字体样式
- 文字与字体相关样式
- CSS设置字体和文字样式
- css 文本与字体
- CSS文本与字体
- 丑数 UVa 136
- bootstrap列表组、面板、和嵌入组件
- Idea 设置显示当前方法参数提示
- 3.7 应用实例
- 企业常见系统运维面试题
- 5css的文字与字体
- glassfish4.1 简单操作
- Android的Listview优化
- QAudioOutput放到次线程中
- 【PAT】【Advanced Level】1033. To Fill or Not to Fill (25)
- Android DataBinding一看就会
- Spring MVC学习之注解2
- Ethernet PHY , the definitive guide version 0.1
- 修改项目名称和项目包名