首頁 > web前端 > html教學 > html style標籤是什麼意思?關於style標籤的使用方法詳解

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

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

這篇文章主要講的是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>
登入後複製

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