posts - 262,  comments - 221,  trackbacks - 0
一、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 阅读(265) 评论(0)  编辑  收藏 所属分类: Web基础

只有注册用户登录后才能发表评论。


网站导航:
 
<2008年6月>
25262728293031
1234567
891011121314
15161718192021
22232425262728
293012345

常用链接

留言簿(19)

随笔分类

随笔档案

BlogJava热点博客

好友博客

搜索

  •  

最新评论

阅读排行榜

评论排行榜