一、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>

<title>無標題文檔</title>

<!--

.style1 {

font-family: "楷體_GB2312";

font-size: 16px;

font-weight: bold;

}

.style2 {

font-family: "Verdana";

font-size: 16px;

font-weight: bolder

}

-->

</style>

</head>

<body>

</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 閱讀(369) 評論(0) 編輯收藏所屬分類: Web基礎

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: 【界面交互技術專題】案例分析：W3school 的結構化標記(轉) 【界面交互技術專題】使用 XHTML 重構網站(轉) 【界面交互技術專題】CSS語法優化技巧相關文章【界面交互技術專題】(X)HTML、CSS、JS學習筆記【原】CSS常用屬性設置【原】CSS基礎知識總結(三) 【原】CSS基礎知識總結(二) 【原】CSS基礎知識總結 HTML重點知識溫習【十一】 HTML重點知識溫習【十】

2008年6月

日

一

二

三

四

五

六

常用鏈接

留言簿(21)

隨筆分類

隨筆檔案

BlogJava熱點博客

好友博客

無羽蒼鷹

常用鏈接

留言簿(21)

隨筆分類

隨筆檔案

BlogJava熱點博客

好友博客

搜索

最新評論

閱讀排行榜

評論排行榜