Kako uporabiti lebdenje, fokus in aktivna stanja z debelino okrasja besedila v zadnjem vetru

Kako Uporabiti Lebdenje Fokus In Aktivna Stanja Z Debelino Okrasja Besedila V Zadnjem Vetru



Med ustvarjanjem spletnih mest, ki temeljijo na vsebini, mora programer pogosto izpostaviti ključno terminologijo za boljšo uporabniško izkušnjo in razumevanje. V takem primeru je ' Debelina dekoracije besedila ” v Tailwindu začne veljati pripomoček, ki ga je mogoče vključiti po meri glede na postavitev spletnega mesta.

Ta vadnica pojasnjuje naslednje vsebine:

Kako uporabiti lebdenje, fokus in aktivna stanja z debelino okrasja besedila v zadnjem vetru?

' Okras besedila Debelina « lahko uporabite s temi stanji z uporabo ciljnega stanja in » besedilo-okras-debelina ” lastnost, ki ji sledi ciljna vrednost debeline v slikovnih pikah. Integracija teh pristopov spremeni debelino okrasja besedila (v slikovnih pikah) ob lebdenju miške, elementu, ki je fokusiran, ali elementu, ki je aktiven. Te slikovne pike so lahko ' 1px ', ' 2 slikovnih pik ', ' 4px « ali » 8 slikovnih pik ”. Tako je, da več kot je slikovnih pik, večja je debelina.





Primer 1: Uporaba debeline okrasja besedila s stanjem »lebdenja«.

Ta primer velja za ' besedilo-okras-debelina » Lastnost z » lebdeti ” za nastavitev debeline ob lebdenju miške:





< html >

< glavo >

< meta nabor znakov = 'utf-8' >

< meta ime = 'viewport' vsebino = 'width=device-width, initial-scale=1' >

< scenarij src = 'https://cdn.tailwindcss.com' >< / scenarij >< / glavo >

< telo >

< textarea razred = 'podčrtano lebdenje: dekoracija-4' > James je točen < / textarea >

< / telo >

< / html >

V ta izrezek kode vključite pot CDN znotraj oznake »«, da boste izkoristili funkcije Tailwind. Po tem v okviru »