关于CSS中的类-CLASS

凡夫俗子曰6

凡夫俗子曰6

2016-01-29 12:43

关于CSS中的类-CLASS,关于CSS中的类-CLASS
    先看一个简单的例子:以下是常见按钮,使用“类”控制字体的按钮是不是漂亮了许多?而没有使用“类”控制的按钮的字体看上去就有点变形?本例使用9pt大小的宋体字控制的。

  
    这是“类”的一个用途。

    奥秘是这样的:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/html/)

    先定义一个“类---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} 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/html/)

在HTML中,这样做(只要引用相应的类就可以了):


<P CLASS="green" 绿黄色显示的字符 </P
<P CLASS="yellow" 黄色显示的字符 </P
<P CLASS="red" 红色显示的字符 </P

显示的结果如下:

绿黄色显示的字符 

黄色显示的字符 

红色显示的字符

展开更多 50%)
分享

猜你喜欢

关于CSS中的类-CLASS

Html CSS布局 Div+CSS XHTML
关于CSS中的类-CLASS

DIV+CSS中ID和CLASS

Web开发
DIV+CSS中ID和CLASS

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

网页布局中CSS的Class灵活应用

Web开发
网页布局中CSS的Class灵活应用

CSS网页布局中ID与class的理解

Web开发
CSS网页布局中ID与class的理解

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS中如何正确的使用 id 和 class?

Web开发
CSS中如何正确的使用 id 和 class?

CSS中如何正确的使用id和class

Web开发
CSS中如何正确的使用id和class

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

调用 Servlet

调用 Servlet

Windows Sockets API实现网络异步通讯

Windows Sockets API实现网络异步通讯
下拉加载更多内容 ↓