這篇文章主要講的是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>