📄 0014.htm
字号:
<html>
<head>
<title>新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编辑</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
body, table {font-size: 9pt; font-family: 宋体}
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
.1 {background-color: rgb(245,245,245)}
-->
</style>
</head>
<p align="center"><script src="../../1.js"></script></a>
<p align="center"><big><strong>关于CSS中的类-CLASS</strong></big></p>
<div align="right">---摘自《一克教学》</div>
<p>★☆★ 先看一个简单的例子：以下是常见按钮，使用“类”控制字体的按钮是不是漂亮了许多？而没有使用“类”控制的按钮的字体看上去就有点变形？本例使用9pt大小的宋体字控制的。</p>
<form method="post" action="">
<input type="submit" name="Submit" value="没有使用类的按钮">
<input type="submit" name="Submit2" value="使用了类的按钮" class="pt9">
</form>
<p>这是“类”的一个用途。</p>
<p>奥秘是这样的：</p>
<p>先定义一个“类---class”：</p>
<p><style type="text/css"><br>
<!--<br>
.pt9 { font-family: "宋体"; font-size: 9pt}<br>
--><br>
</style></p>
<p>这里“类”的名字叫做“pt9”,前面有一个“.”。</p>
<p>然后在HTML中加上<font color="#FFFF33">class="pt9"</font>即可，如下：</p>
<p><form method="post" action="..."><br>
<input type="submit" name="Submit" value="使用了类的按钮"
<font color="#FFFF33">class="pt9"</font>><br>
</form></p>
<p>是不是非常简单？</p>
<p>★☆★再进一步看看-- 一个标签可以定义数个“类”。</p>
<p>P.green { color: green }<br>
P.yellow { color: yellow}<br>
P.red { color: red} </p>
<p>在HTML中，这样做(只要引用相应的类就可以了)：</p>
<p><br>
<P CLASS="green"> 绿黄色显示的字符 </P><br>
<P CLASS="yellow"> 黄色显示的字符 </P><br>
<P CLASS="red"> 红色显示的字符 </P></p>
<p>显示的结果如下：</p>
<p class="green"> 绿黄色显示的字符 </p>
<p class="yellow"> 黄色显示的字符 </p>
<p class="red"> 红色显示的字符</p>
</table>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -