2007-05-04

CSS层叠样式表最佳入门教程

来源: 本站收集整理 作者:佚名 评论 0 条
 

  ★☆★Netscape Communicator 和 IE 4.0对于CSS的理解是不完全相同的。

  这就意味这并非全部的css都能在两个浏览器中执行时得到同样的结果。所以,最好使用两种浏览器检测一下。

  5、[ 主题:关于CSS中的类-CLASS ]

  ★☆★ 先看一个简单的例子:以下是常见按钮,使用"类"控制字体的按钮是不是漂亮了许多?而没有使?quot;类"控制的按钮的字体看上去就有点变形?本例使用9pt大小的宋体字控制的。 内容来自中国站长资讯网(www.chinahtml.com)

  这是"类"的一个用途。

  奥秘是这样的:

  先定义一个"类---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中,这样做(只要引用相应的类就可以了):


(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐 收藏 投稿 打印 返回 关闭
上一篇:新手必看:CSS 锦囊  
下一篇:CSS兼容要点分析
    评论加载中…
以下是引用片段:
  〈P CLASS="green"〉 绿黄色显示的字符 〈/P〉
  〈P CLASS="yellow"〉 黄色显示的字符 〈/P〉
  〈P CLASS="red"〉 红色显示的字符 〈/P〉
共7页: 上一页 [1] [2] [3] 4 [5] [6] [7] 下一页
 推荐文章
     

网站首页  -  网站地图 -   站长论坛  -  网站投稿  -    -  网站管理
Copyright © 2008 芜湖站长站 All Rights Reserved 皖ICP备07500611号