Tafuta <style> taji
定义和用法
<style>
标签用于定义文档的样式信息 (CSS)。
在 <style>
元素中,您可以指定 HTML 元素在浏览器中的呈现方式。
Tunaeleza, inayotazama kwenye hatua ya style ni stili ya CSS ya inayotumiwa kwenye hatua ya HTML, na hatua ya link inayotumia stili za hatua ya nje.
Inayotazama kwenye kila sehemu ya hatua ya style, inaweza kuwa na style mbalimbali kwa hatua moja, kwa hivyo hakuna uwezo wa kuingiza mambo yote ya stili katika sehemu ya head. Hii ina matumizi mengi kwenye mashabiki ya tamathili ya hatua, kwa sababu kwa hivyo inaweza kutumia stili ya hatua kwa kuzingatia stili ya tamathili.
Tunaeleza zaidi:
Makao ya HTML:HTML CSS
Makao ya CSS:CSS ˈmudonyiko
Kitabu cha Mfumo wa HTML DOM:Mfumo wa Stili
Mfano
Mifano 1
Tumia: <style>
Elementi inayotumia stili rahisi kwa hatua ya HTML:
<html> <head> <style> h1 {color:red;} p {color:blue;} </style> </head> <body> <h1>Ini ni kichwa cha ulewa.</h1> <p>Ini ni mawazo.</p> </body> </html>
Tukio kwa kufikia kwa uwanja wa kufikia
Mifano 2
Mambo mengi ya stili ya elementi yote:
<html> <head> <style> h1 {color:red;} p {color:blue;} </style> <style> h1 {color:green;} p {color:pink;} </style> </head> <body> <h1>Ini ni kichwa cha ulewa.</h1> <p>Ini ni mawazo.</p> </body> </html>
Maelezo na maonyesho
Tahadhari:Kwa kumwambia stili, kinaangalia taarifu za stili na kuandaa hatua HTML ya kitabu. Kama kinaandikwa mambo mengi kwa mtumishi mmoja (kama vile mifano inayotazama juu) kwenye stili mbalimbali, kinaendelea kutumia thamani iliyotolewa kwenye stili iliyotolewa mara ya kwanza (tunaeleza mifano inayotazama juu)!
Mafanikio:Ingia viungo vya mifano ya mifano ya nje kwa kutumia <link> ˈmakini.
Mafanikio:Kuelewa zaidi kuhusu mifano ya mifano, tafadhali soma CSS ˈmudonyiko.
Matumizi ya ˈmakini
Matumizi ya ˈmakini | Inadaiwa | Inasajili |
---|---|---|
media | Inaonyesha | Inadaiwa ˈmedia ya ˈmakini ya mtindo |
type | text/css | Inadaiwa ˈmedia ya ˈmakini ya <style> ˈmakini |
Matumizi ya ˈmatumizi ya kina
<style>
Takwimu inaongoza Matumizi ya ˈmatumizi ya kina katika HTML.
Matumizi ya ˈmatukio ya kina
<style>
Takwimu inaongoza Matumizi ya ˈmatukio ya kina katika HTML.
Mada ya CSS ya kawaida
Wengi wa wasafiri wa kawaida wataonyesha na maadili yafuatavyo: <style>
Kitu:
style { display: none; }
Wakati wa kusaidia wa wasafiri
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Msaada | Msaada | Msaada | Msaada | Msaada |