六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

html style標簽是什么意思？對于style標簽的使用方法詳細說明

發表時間：2023-09-04 來源：明輝站整理相關軟件相關文章人氣：

[摘要]本篇文章主要講的是html style標簽的定義和屬性介紹，先讓我們了解style標簽在HTML中的一些用途和位置，然后介紹了使用中的一些方法和細節技巧，讓我們一起來看看吧html style標簽的定義和用法：<style> 標簽用于為 HTML 文檔定義樣式信息。在 style 中，...
本篇文章主要講的是html style標簽的定義和屬性介紹，先讓我們了解style標簽在HTML中的一些用途和位置，然后介紹了使用中的一些方法和細節技巧，讓我們一起來看看吧

html style標簽的定義和用法：

<style> 標簽用于為 HTML 文檔定義樣式信息。

在 style 中，您可以規定在瀏覽器中如何呈現 HTML 文檔。

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

style 元素位于 head 部分中。

HTML <style> 標簽實例：

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

必需的屬性：

type ： text/css ： 規定樣式表的 MIME 類型。

html style標簽的使用方法詳解：

</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>標簽中使用，

其語法為：

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

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

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

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

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

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

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

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

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

.center {text-align: center}

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

<h1 class = "center">這個標題居中顯示。</h1>
<p class = "center">這個段落居中顯示。</p>

3.外部樣式表

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

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

例如：

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

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

然后在你寫的網頁中調用這個樣式表：

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

所以一個外部樣式表可以被很多網頁調用，這就是外部樣式表的好處。

樣式表也可以串聯，即一個網頁用多個css，其串聯的順序是：內嵌>內部>外部>瀏覽器自身的

也就是說當一個網頁有內部css時，它在的調用外部css就被覆蓋了（即外部css不起作用）

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

p b {color:blue;}

使用時：

<p>這段文字在b標簽中的為<b>藍色</b></p>

cursor:hand 這個屬性是將鼠標變成手的形狀。

【小編的相關文章】

html em標簽的作用是什么？<em>和<i>標簽的區別

html5 output標簽是什么意思？html5 output標簽的使用方法

以上就是html style標簽是什么意思？關于style標簽的使用方法詳解的詳細內容，更多請關注php中文網其它相關文章！


網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
主站蜘蛛池模板： 四虎国产精品影库永久免费 | 婷婷综合亚洲 | 婷婷激情四月 | 在线观看精品视频一区二区 | 五福影院凹凸一区二区 | 欧美在线一二三 | 青青国产线免观看手机版精品 | 四虎影院紧急入口 | 午夜性影院爽爽爽爽爽爽 | 在线综合网| 亚洲欧美色视频 | 天天视频色版 | 日本高清在线观看视频 | 亚洲天堂男人的天堂 | 日本免费不卡视频一区二区三区 | 日日噜噜噜噜人人爽亚洲精品 | 啪啪网站免费观看 | 婷婷开心六月久久综合丁香 | 在线观看亚洲免费视频 | 亚洲高清国产品国语在线观看 | 香蕉www | 综合热久久 | 日本高清视频在线www色下载 | 色免费网站 | 日韩一级免费毛片 | 日本五级床片全部免费午夜 | 色综合成人网 | 伊人日韩| 亚洲高清在线看 | 午夜日韩久久影院 | 亚洲综合久久成人69 | 色吧五月婷婷 | 日韩三级黄色片 | 青青草原网站在线观看 | 亚州综合网 | 四虎影院欧美 | 日韩精品网 | 五月婷婷综合基地 | 日韩永久免费视频 | 亚洲第一中文字幕 | 全免费a级毛片免费看不卡 全黄一级片 |