关于CSS中的类-CLASS
作者:佚名 时间:2024-10-19 09:10:04
先看一个简单的例子:以下是常见按钮,使用“类”控制字体的按钮是不是漂亮了许多?而没有使用“类”控制的按钮的字体看上去就有点变形?本例使用9pt大小的宋体字控制的。
这是“类”的一个用途。
奥秘是这样的:
先定义一个“类---class”:
<style type="text/css">
<!--
.pt9 { font-family: "宋体"; font-size: 9pt}
-->
</style>
这里“类”的名字叫做“pt9”,前面有一个“.”。
然后在HTML中加上class="pt9"即可,如下:
<form method="post" action="...">
<input type="submit" name="Submit" value="使用了类的按钮" class="pt9">
</form>
是不是非常简单?
★☆★再进一步看看-- 一个标签可以定义数个“类”。
P.green { color: green }
P.yellow { color: yellow}
P.red { color: red}
在HTML中,这样做(只要引用相应的类就可以了):
<P CLASS="green"> 绿黄色显示的字符 </P>
<P CLASS="yellow"> 黄色显示的字符 </P>
<P CLASS="red"> 红色显示的字符 </P>
标签:
0
投稿
猜你喜欢
vux-scroller实现移动端上拉加载功能过程解析
2024-05-09 10:42:21
Python操作PDF实现制作数据报告
2022-05-09 21:41:51
MySQL简化输入小技巧
2024-01-13 15:49:33
一个css与js结合的下拉菜单支持主流浏览器
2023-07-18 01:28:20
深入探讨:MySQL数据库MyISAM与InnoDB存储引擎的比较
2024-01-25 17:40:34
浅谈keras中的目标函数和优化函数MSE用法
2022-01-19 02:15:55
Python读写Excel表格的方法
2022-11-10 20:43:18
jQuery 1.4官方中文手册[译]
2010-01-20 10:46:00
python安装mysql的依赖包mysql-python操作
2024-01-20 22:00:54
python实现数字炸弹游戏程序
2021-09-29 18:44:24
Python如何向SQLServer存储二进制图片
2021-01-06 08:23:54
Django中日期时间型字段进行年月日时分秒分组统计
2023-01-05 02:26:09
使用python远程操作linux过程解析
2021-12-01 21:05:27
JavaScript框架比较:选择器
2010-04-20 14:48:00
Python math库 ln(x)运算的实现及原理
2023-09-11 18:12:28
微信小程序实现简单的select下拉框
2024-04-17 10:23:52
Python+OpenCV之形态学操作详解
2021-11-24 23:37:58
Python开发最牛逼的IDE——pycharm
2022-12-21 02:33:05
python使用re模块爬取豆瓣Top250电影
2023-10-11 17:28:38
程序中常用的种代码
2024-06-05 15:43:12