Beágyazott stílus css

Beágyazott CSS-stílus

Az előző példa olyan beágyazott stílust használ, amely közvetlenül illeszkedik a dokumentumcímkébe. Ez a módszer a CSS egy HTML oldalra történő egyesítéséhez ajánlott egyedi esetekben alkalmazni - ha a stílus csak egy elemre vonatkozik, csak a webhely egy oldalán. Ha a stílust egy vagy több oldalt egyszerre több elemhez tervezik használni, javasoljuk a CSS és a HTML összekapcsolásának másik módját. A beágyazott CSS-stílus illeszkedik a tartály címkéjébe . Ez a tároló a címkék között van megadva amelyben több szabályt hozunk létre egy HTML oldal számára. Általánosságban szabályokat hozhat létre bármely számmal és bármely mással, mindegyik a találékonyságtól függ.

Azt például szeretnék, hogy az oldalamon, az összes hivatkozás arra hangsúlyozta zöld volt, és ha lebeg a kurzort őket változtatni a színét és csíkok jelennek aláhúzás, az oldal címe volt az az oldal közepén, és volt egy sötét sárga, barna árnyalat. Az eredmény a következő:

Ezután beírjuk a tárolócímkét a HTML oldalon szereplő szabályokkal, és megtudjuk, mi történik.

A második vonal: hover a választó A: hover (választó Ez azt jelzi, hogy a böngésző a teendő, ha az egér marker link) azt jelzik, hogy a marker hangsúlyozni kell hover linkszöveg-dekoráció: kiemelik; és változtassa meg a kapcsolat színe színét: # e30000;

A h2 harmadik sorban meg kell adnunk a h2 fejléc szabályát, amelyben meghatároztuk, hogy a h2 fejlécek középpontjában a text-align: center legyen; és sötétsárga, barna színárnyalatú: # d28900;

Kapcsolódó cikkek