HTML-學習筆記(樣式)

來源:互聯網
上載者:User

標籤:字型   back   code   改變   檔案   div   方法   pre   head   

HTML 樣式

style屬性用於改變HTML元素的樣式。

<p style="font-family: arial; color: red;">字型是arial,字型顏色是紅色</p><p style="font-size: 30px;">這行文字的字型大小是30px</p>

HTML 的 style 屬性

style 屬性的作用:

提供了一種改變所有 HTML 元素的樣式的通用方法。

樣式是 HTML 4 引入的,它是一種新的首選的改變 HTML 元素樣式的方式。通過 HTML 樣式,能夠通過使用 style 屬性直接將樣式添加到 HTML 元素,或者間接地在獨立的樣式表中(CSS 檔案)進行定義。

HTML引入樣式的方式

上面只是html引入樣式一種方式。其實html引入樣式有三種方式。

1.外部樣式表 通過<link>標籤引入

<link rel="stylesheet" type="text/css" href="../css/myStyle.css" />

2.內部樣式表 通常寫在<head>標籤中

<style type="text/css">    p {        color: red;        text-align: center;        font-size: 15px;    }</style>

3.內聯樣式表 通常寫在相對應地元素標籤的起始標籤內

<p style="font-family: arial; color: red;">字型是arial,字型顏色是紅色</p><p style="font-size: 30px;">這行文字的字型大小是30px</p>

三種方式中內聯樣式的優先順序最高 外部樣式表的優先順序最低。最常用的是外部樣式表,這是另一門學科CSS會在後面的部落格中詳細講起。

 

HTML-學習筆記(樣式)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.