亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > HTML > 正文

html style標簽是什么意思?關于style標簽的使用方

2020-03-24 19:28:05
字體:
來源:轉載
供稿:網友
本篇文章主要講的是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 >

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 >

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

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

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

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

 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 >

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

樣式表也可以串聯,即一個網頁用多個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標簽的使用方法詳解的詳細內容,html教程

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美国产精品va在线观看| 国产成人av在线播放| 欧美黄色片在线观看| 欧美视频一区二区三区…| 久久99久久久久久久噜噜| 日韩成人中文电影| 久久亚洲欧美日韩精品专区| 国产精品久久久久久中文字| 国内伊人久久久久久网站视频| 欧美日韩福利电影| 69精品小视频| 国产精品久久久久aaaa九色| 欧美日韩国产在线| 久久视频国产精品免费视频在线| 亚洲春色另类小说| 亚洲欧美激情四射在线日| 国产成人综合精品| 日韩精品久久久久久福利| 在线中文字幕日韩| 欧亚精品在线观看| 国产日韩欧美日韩| 精品亚洲一区二区| 久久中文字幕在线| 日韩精品丝袜在线| 91黑丝在线观看| 久久久亚洲福利精品午夜| 韩国日本不卡在线| 伊人久久五月天| 亚洲成人av在线播放| 欧美亚洲免费电影| 国产精品黄色av| 日本精品视频在线播放| 亚洲免费视频网站| 欧美电影《睫毛膏》| 国产97人人超碰caoprom| 精品久久久香蕉免费精品视频| 国产精品678| 欧美一区二区三区四区在线| 日韩成人高清在线| 色悠悠国产精品| 国产精品第七十二页| 91av在线免费观看视频| 日韩欧美国产成人| 欧洲亚洲免费视频| 日本免费一区二区三区视频观看| 亚洲欧美中文字幕| 日韩中文字在线| 青草青草久热精品视频在线观看| 日韩视频永久免费观看| 久久免费精品日本久久中文字幕| 主播福利视频一区| 亲爱的老师9免费观看全集电视剧| 欧美不卡视频一区发布| 国产精品久久在线观看| 91在线视频精品| 狠狠躁18三区二区一区| 粉嫩老牛aⅴ一区二区三区| 97在线免费观看视频| 欧美在线亚洲一区| 美日韩精品视频免费看| 91国产美女视频| 欧美日韩成人黄色| 久久精品99国产精品酒店日本| 精品国产一区二区三区久久狼5月| 美女精品久久久| 亚洲天堂一区二区三区| 国产精品嫩草影院一区二区| 国产精品亚洲第一区| 国产精品久久一区| 欧美性猛xxx| 日韩成人av在线播放| 成人免费看吃奶视频网站| 26uuu另类亚洲欧美日本一| 日韩在线视频观看| 欧美日韩中文字幕日韩欧美| 国产一区二区欧美日韩| 26uuu另类亚洲欧美日本老年| 欧美视频专区一二在线观看| 国产精品一区久久久| 亚洲少妇中文在线| 欧美日韩美女在线观看| 久久噜噜噜精品国产亚洲综合| 国模精品一区二区三区色天香| 日韩精品中文在线观看| 欧美黑人又粗大| 中文字幕日韩视频| 国产精品久久久久久久久久99| 亚洲一区二区三区四区在线播放| 日韩专区中文字幕| 久久色免费在线视频| 国产精品久久久久影院日本| 成人黄色在线免费| 欧美极品少妇xxxxⅹ裸体艺术| 国产美女91呻吟求| 成人性生交大片免费看小说| 亚洲国产美女精品久久久久∴| 久久久91精品国产一区不卡| 欧美裸体xxxx极品少妇| 久久精品成人动漫| 亚洲黄色av网站| 亚洲电影免费观看高清完整版在线观看| 欧美在线一区二区三区四| 狠狠操狠狠色综合网| 亚洲丁香久久久| 亚洲成色www8888| 国产精品成熟老女人| 亚洲午夜未满十八勿入免费观看全集| 国外成人在线视频| 国产日韩av高清| 国内精品模特av私拍在线观看| 亚洲一区二区久久久久久| 欧美精品免费播放| 狠狠躁夜夜躁久久躁别揉| 国产精品久久视频| www.日韩av.com| 免费99精品国产自在在线| 中文字幕亚洲欧美日韩在线不卡| 国产精品老牛影院在线观看| 992tv成人免费影院| 欧美性猛交视频| 亚洲欧美日韩国产中文| 欧美又大又粗又长| 亚洲人成电影网站色…| 狠狠爱在线视频一区| 一区二区在线免费视频| 国内免费久久久久久久久久久| 亚洲aaaaaa| 一本大道香蕉久在线播放29| 国产亚洲欧美日韩美女| 福利视频导航一区| 大胆欧美人体视频| 国产一区二区三区欧美| 色综合亚洲精品激情狠狠| 久久久久久一区二区三区| 国产精欧美一区二区三区| 亚洲精品国产品国语在线| 日韩欧美福利视频| 欧美在线观看日本一区| 一本色道久久88综合亚洲精品ⅰ| 国产精品丝袜久久久久久高清| 亚洲第一视频网| 日本高清视频一区| 欧美壮男野外gaytube| 亚洲精品999| 中文字幕久精品免费视频| 色先锋久久影院av| 欧洲成人在线视频| 5278欧美一区二区三区| 国产97人人超碰caoprom| 在线观看欧美日韩| 综合网日日天干夜夜久久| 日韩视频免费观看| 国产精自产拍久久久久久蜜| 欧美国产日韩免费| 国产亚洲aⅴaaaaaa毛片| 日韩精品久久久久久久玫瑰园| 欧美日韩国产一中文字不卡| 精品视频久久久久久久| 国产欧美一区二区| 国产91在线播放| 在线观看亚洲区| 18一19gay欧美视频网站| 亚洲高清在线观看| 久久久久久久国产精品视频|