一、HTML中的外部樣式表(External Style Sheet)：

An external style sheet is ideal when the style is applied to many pages. Each page must link to the style sheet using the <link> tag. The <link> tag goes inside the head section.

<head>

href="mystyle.css">

</head>

備注：每個引用外部樣式表的HTML文件都會通過一個<link>標簽指向該樣式表文件，該<link>標簽必須位于<head></head>內部

二、HTML中的內部樣式表(Internal Style Sheet):

An internal style sheet should be used when a single document has a unique style. You define internal styles in the head section with the <style> tag.

<head>

body {background-color: red}

p {margin-left: 20px}

</style>

</head>

備注：內部樣式表用于需要對單一HTML文件的樣式進行控制時，通過在<head></head>元素中插入<style></style>達到目的

三、HTML中的內嵌樣式表(Inline Styles):

An inline style should be used when a unique style is to be applied to a single occurrence of an element.To use inline styles you use the style attribute in the relevant tag. The style attribute can contain any CSS property.

This is a paragraph

</p>

備注：內嵌樣式表用于需要對HTML文件中的某個元素外觀進行微調時，通過在該HTML元素中制定style屬性的值達到目的

-------------------------------------------------------------
生活就像打牌，不是要抓一手好牌，而是要盡力打好一手爛牌。

posted on 2008-06-22 17:44 Paul Lin 閱讀(380) 評論(0) 編輯收藏所屬分類: Web基礎

新用戶注冊刷新評論列表


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




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

2008年6月

日

一

二

三

四

五

六

常用鏈接

留言簿(21)

隨筆分類

隨筆檔案

BlogJava熱點博客

好友博客

無羽蒼鷹

常用鏈接

留言簿(21)

隨筆分類

隨筆檔案

BlogJava熱點博客

好友博客

搜索

最新評論

閱讀排行榜

評論排行榜