Font标签
来源:互联网 发布:石油计量表软件 编辑:程序博客网 时间:2024/06/06 16:33
font.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
h2 {
font-family: "隶书",Arial, "黑体", "宋体";
}
p {
font-family: "黑体", "华文彩云","方正喵呜体";
}
#zh1 {
font-size: 24px;
font-style: normal;
font-weight: bold;
text-decoration: underline;
}
#d1 {
background-color: #3FF;
height: 300px;
width: 550px;
background-image: url(logo.JPG);
background-repeat: no-repeat;
background-position: right bottom;
display: none;
}
body {
background-image: url(logo.JPG);
background-repeat: no-repeat;
background-attachment:fixed;
}
.y1 {
text-transform: capitalize;
line-height: 30px;
background-color: #0C9;
word-spacing: 20px;
}
.y2 {
text-transform: uppercase;
line-height: 60px;
background-color: #966;
letter-spacing: 5px;
}
.y3 {
text-transform: lowercase;
line-height: 30px;
background-color: #369;
vertical-align: top;
}
.v1 {
vertical-align: sub;
}
.y4 {
font-variant: small-caps;
line-height: 5em;
background-color: #F96;
text-indent: 60;
white-space: nowrap;
display: block;
}
#zh2 {
font-size: 2em;
font-style: italic;
font-weight: normal;
text-decoration: overline;
}
#zh3 {
font-size: x-large;
font-style: oblique;
font-weight: 900;
text-decoration: line-through;
}
-->
</style>
</head>
<body>
<h2>设置字体</h2>
<p>设置字体</p>
<hr />
<p style="color:rgb(255,000,000)">rgb红色</p>
<p style="color:green">颜色字体 绿色</p>
<p style="color:#0000FF">十六进制 蓝色 </p>
<hr />
<p id="zh1">使用像素设置字体</p>
<p id="zh2">使用比例参数em</p>
<p id="zh3">使用X-large关键字</p>
<hr />
<p class="y1">this is css teach this is css teach this is css teach this is css teach this is css teach this is css teach</p>
<p class="y2">this is css teach this is css teach this is css teach this is css teach this is css teach this is css teach</p>
<p class="y3">This is css Teach This is css <img src="logo.JPG" height="85" />Teach This is css Teach <span class="v1">This is css Teach</span> This is css Teach This is css Teach</p>
<p class="y4">this is css teach this is css teach this is css teach this is css teach this is css teach this is css teach</p>
<hr />
<div id="d1"></div>
</body>
</html>
------------------
悬浮图片logo.jpg
- Font标签
- font标签
- HTML <font> 标签
- font标签及其属性
- 简单的解析font标签
- 富文本font标签使用
- font-size和font标签的size属性的区别
- HTML <font> 标签的 color 属性
- android textview html font标签不好用
- HTML的font标签的使用
- Font Awesome Icon 只有I标签的
- <P>段落标签</p>设置字体和大小,颜色以及与<font>文本标签</font>
- 带文本的标签自动生成font标签
- font
- font
- Font
- font
- font
- 【索引】Game Theory ::Examples
- C++异常处理机制及開銷分析
- 分层结构软件各层次之间通信
- 7.22通过对象的引用访问对象中的成员
- C++中sprintf实现将一个基本数据类型的数组转换成字符串
- Font标签
- 使用 python Matplotlib 库绘图
- AIX 7.1 install python
- hdu2255
- java sleep()和wait()的区别
- No bean named 'cxf' is defined
- UNIX网络编程----TCP客户端和服务器端
- 程序猿媳妇儿注意事项
- Ubuntu安装