走進HTML5入門到精通:<style>標籤

來源:互聯網
上載者:User
關鍵字 標籤 HTML5 入門到精通

【轉載請保留風信網文章內容的完整性,如果您不能遵守此原則,我們將保留追究法律責任的權利】

<style> 標籤

定義和用法

<style> 標籤定義 HTML 文檔的樣式資訊。

在 style 元素中,您規定的是 HTML 元素如何在瀏覽器中呈現。

實例

在 HTML 文檔中使用 style 元素:

<html>
<head>
<style type="text/css">
h1 {color:red}
p {color:blue}
</style>
</head>
<body>
<h1>Header-1</h1>
<p>This is a paragraph.</p>
</body>
</html>

親自試一試

<! DOCTYPE HTML>
<html>
<head>
<style type="text/css">
h1 {color:red}
p {color:blue}
</style>
</head>
<body>
<h1>Header-1</h1>
<p>This is a paragraph.</p>
</body>
</html>

HTML 4.01 與 HTML 5 之間的差異

scoped 屬性是 HTML 5 中的新屬性,它允許我們為文檔的指定部分定義樣式,而不是整個文檔。

如果使用 "scoped" 屬性,那麼所規定的樣式只能應用到 style 元素的父元素及其子項目。

風信網(www.ithov.com)提示和注釋:

風信網提示:如需連結外部樣式表,請使用 <link> 標籤。

風信網提示:如需學習更多有關樣式表的知識,請訪問相關的 CSS 教程。

注釋:如果未定義 scoped 屬性,那麼 <style> 元素必須位於 <head> 部分中。

屬性

屬性 值 描述 type text/css 定義內容類型。 media screen


tty


tv


projection handheld


print


braille


aural


all 樣式資訊的目標媒介。 scoped scoped 如果使用該屬性,則樣式僅僅應用到 style 元素的父元素及其子項目。

標準屬性

<style> 標籤支援 HTML 5 中的標準屬性。

事件屬性

<style> 標籤支援 HTML 5 中的事件屬性。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.