html中style標(biāo)簽指的是什么意思

這篇文章給大家分享的是有關(guān)html中style標(biāo)簽指的是什么意思的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)從2013年成立，先為潁東等服務(wù)建站，潁東等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為潁東企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

html style標(biāo)簽的定義和用法：

在 style 中，您可以規(guī)定在瀏覽器中如何呈現(xiàn) HTML 文檔。

type 屬性是必需的，定義 style 元素的內(nèi)容。唯一可能的值是 "text/css"。

style 元素位于 head 部分中。

HTML <style> 標(biāo)簽實例：

<html>
<head>
<style type="text/css">
h2 {color:red}
p {color:blue}
</style>
</head>
<body>
<h2>Header 1</h2>
<p>A paragraph.</p>
</body>
</html>

必需的屬性：

type ： text/css ：規(guī)定樣式表的 MIME 類型。

html style標(biāo)簽的使用方法詳解：

</style>標(biāo)簽對中書寫各種標(biāo)簽的樣式,可以是body也可以是h2,即將行內(nèi)樣式全寫在一塊兒

比如10個標(biāo)簽都是同一個class的話，如果在行內(nèi)樣式中就需要寫10條

而在style中寫一條就成。

現(xiàn)在都是結(jié)構(gòu)(html)、樣式(css)、行為(js)相分離的設(shè)計模式

<p id="xxx">===><style>#xxx{}</style>
<p class="xxx">===><style>.xxx{}</style>
<body></body>===><style>body{}</style>

style標(biāo)簽在css樣式表中按其所在位置分三種：

1.內(nèi)嵌樣式表

2.內(nèi)部樣式表

3.外部樣式表

下面詳細(xì)解釋一下：

1.內(nèi)嵌樣式表是寫在使用它的標(biāo)簽(Tag)內(nèi)的，例如要在<p>標(biāo)簽中使用，

其語法為：

<p style font-size:20pt>這段文字使用了內(nèi)嵌樣式表，更改了字體大小為20</p>

2.內(nèi)部樣式表不同于內(nèi)嵌樣式表，其是寫在html網(wǎng)頁的<head></head>標(biāo)簽之間的，所以它對本網(wǎng)頁全部有效。應(yīng)注意的是，因為它不是寫在某一個標(biāo)簽內(nèi)的，所以在寫的時候要注意，自己想在那個標(biāo)簽內(nèi)使用這個樣式表，再定義的時候也要寫清楚，否則會造成整個頁面的混亂。例如：

<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>

可以看到，在定義內(nèi)部樣式表的時候，<style>前面聲明的時候應(yīng)該首先聲明在哪個標(biāo)簽里使用這個樣式表，如果并不想在該網(wǎng)頁所有的此標(biāo)簽中都使用這個樣式表則在聲明的標(biāo)簽后面加上自己定義的一個樣式表名稱，例如上面的p.mylayout，意為只能在該網(wǎng)頁的<p>標(biāo)簽中使用此樣式表，在要使用這個樣式表的<p>標(biāo)簽中聲明，聲明方式為<標(biāo)簽自定義樣式表名稱>

利用樣式表選擇，你可以用同樣的HTML標(biāo)簽構(gòu)成不同的樣式。比如說，你希望段落<p>有兩種樣式，一種是居中對齊，一種是居右對齊。你就可以寫如下樣式：

p.right {text-align:right}
p.center {text-align:center}

其中right和center就是兩個樣式表。然后你就可以引用這兩個樣式表，示例代碼如下：

<p class="center">這一段居中顯示。</p>
<p class="right">這一段是居右顯示。</p>

也可以不用HTML 標(biāo)簽，直接用“.”加上樣式表名稱。示例代碼如下：

.center {text-align: center}

這種通用的樣式表名稱就沒有標(biāo)簽的局限性，可以用于不同的標(biāo)簽。比如：

<h2 class = "center">這個標(biāo)題居中顯示。</h2>
<p class = "center">這個段落居中顯示。</p>

3.外部樣式表

外部樣式表就是將樣式表的內(nèi)容單獨寫到一個notepad中，并保存為后綴為.css的文件，在你寫的想要調(diào)用的網(wǎng)頁中加上如下的代碼（當(dāng)然還是加到<head></head>之間）：

<link href="你css文件所在的文件夾" rel="stylesheet" type="text/css">

例如：

先寫一段代碼并存為p.css

p.mylayout {font-size:20pt; border-width:1px; color:blue; }

然后在你寫的網(wǎng)頁中調(diào)用這個樣式表：

<HTML>
<head>
<link href="p.css所在的相對路徑" rel="stylesheet" type="text/css">
</head>
<body>
<p class="mylayout"> 這個標(biāo)題使用了Style 。</p>
<p>這個標(biāo)題沒有使用Style。</p>
</body>
</HTML>

所以一個外部樣式表可以被很多網(wǎng)頁調(diào)用，這就是外部樣式表的好處。

樣式表也可以串聯(lián)，即一個網(wǎng)頁用多個css，其串聯(lián)的順序是：內(nèi)嵌>內(nèi)部>外部>瀏覽器自身的

也就是說當(dāng)一個網(wǎng)頁有內(nèi)部css時，它在的調(diào)用外部css就被覆蓋了（即外部css不起作用）

css樣式表定義時的嵌套說明：

p b {color:blue;}

使用時：

<p>這段文字在b標(biāo)簽中的為<b>藍色</b></p>

cursor:hand 這個屬性是將鼠標(biāo)變成手的形狀。

感謝各位的閱讀！關(guān)于html中style標(biāo)簽指的是什么意思就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

網(wǎng)站標(biāo)題：html中style標(biāo)簽指的是什么意思
網(wǎng)站URL：http://www.muchs.cn/article10/gjgpdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、商城網(wǎng)站、動態(tài)網(wǎng)站、網(wǎng)站維護、App開發(fā)、品牌網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容