posts - 262,  comments - 221,  trackbacks - 0
HTML重点知识温习【八】
一、HTML中的核心属性：
Attribute Value Description
class class_rule or style_rule The class of the element
id id_name A unique id for the element
style style_definition An inline style definition
title tooltip_text  A text to display in a tool tip

①class：用于指向CSS定义中的某个类别
②id：唯一标示该HTML组件的值, 和name不同。id必须是唯一的，但name可以重复。
③style：用于对该HTML元素进行微调时使用，参考HTML中的格式设置
④title：用于设置焦点落在HTML组件时，显示在鼠标旁边的提示文本

二、HTML核心属性示例：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
.style1 {
    font-family: "楷体_GB2312";
    font-size: 16px;
    font-weight: bold;
}
.style2 {
   font-family: "Verdana";
   font-size: 16px;
   font-weight: bolder
}
-->
</style>
</head>

<body>
<form name="form1" action="">
  <span class="style1">用户名</span>
  <input type="text" class="style2" style="font-size:12px"  id="id1" name="username" title="请输入你的用户名">
</form>
</body>
</html>

从上面的例子我们看到我们定义了2个CSS的风格：style1和style2，分别用在标签“用户名”和文本输入框的class属性处。然后我们使用style="font-size:12px"对该控件的字体属性进行微调，这将会覆盖原有的CSS定义。

接下来我们看到id属性和name属性，请注意id属性必须唯一，而name属性可以重复(即多个控件拥有相同的name属性，不过这很少，所以一般用name属性就搞定了)。

而最后的一个title="请输入你的用户名"是设置当光标移至文本输入框是，显示的提示文本。如下图所示：

-------------------------------------------------------------
生活就像打牌，不是要抓一手好牌，而是要尽力打好一手烂牌。
posted on 2008-06-23 21:48 Paul Lin 阅读(353) 评论(0)  编辑  收藏 所属分类: Web基础

只有注册用户登录后才能发表评论。
网站导航:
 
<2008年6月>
日一二三四五六
25262728293031
1234567
891011121314
15161718192021
22232425262728
293012345

常用链接

留言簿(21)

随笔分类

随笔档案

BlogJava热点博客

好友博客

搜索

  •  

最新评论

阅读排行榜

评论排行榜