关于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
  • asp之家 网络编程 m.aspxhome.com