简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

html style標籤是什麼意思？關於style標籤的使用方法詳解

寻∝梦
發布： 2018-08-22 13:58:39
原創
16342 人瀏覽過

這篇文章主要講的是html style標籤的定義和屬性介紹，先讓我們了解style標籤在HTML中的一些用途和位置，然後介紹了使用中的一些方法和細節技巧，讓我們一起來看看吧

html style標簽的定義和用法：

標籤對中書寫各種標籤的樣式,可以是body也可以是h1,即將行內樣式全寫在一塊兒

比如10個標籤都是同一個class的話，如果在行內樣式中就需要寫10條

而在style中寫一條就成。

現在都是結構(html)、樣式(css)、行為(js)相分離的設計模式

<p id="xxx">===><style>#xxx{}</style>
<p class="xxx">===><style>.xxx{}</style>
<body></body>===><style>body{}</style>
登入後複製

style標籤在css樣式表中按其所在位置分三種：

1.內嵌樣式表

2.內部樣式表

3.外部樣式表

下面詳細解釋一下：

1.內嵌樣式表是寫在使用它的標籤(Tag)內的，例如要在

標籤中使用，

其語法為：

<p style font-size:20pt>这段文字使用了内嵌样式表，更改了字体大小为20</p>
登入後複製

2.內部樣式表不同於內嵌樣式表，其是寫在html網頁的標籤之間的，所以它對本網頁全部有效。要注意的是，因為它不是寫在某一個標籤內的，所以在寫的時候要注意，自己想在那個標籤內使用這個樣式表，再定義的時候也要寫清楚，否則會造成整個頁面的混亂。例如：

<html>
<head>
p.mylayout <style type="text/css">{font-size:22pt; color:blue; border-width:1px; border:double; text-align:center; }</style></head>
<body> 
<p class="mylayout">这段文字使用了样式表</p>
<p>这段文字没有使用样式表</p>
</body>
</html>
登入後複製

可以看到，在定義內部樣式表的時候，