keszites.com

Grafikai tervezés  -  Webdesign  -  Honlapkészítés | Websablon | Wordpress



CSS osztály

Kategóriák : CSS, CSS3

• Osztályok használata

Helyezzük el a külső CSS állományban a következő deklarációkat:

a.lnk1 { color:blue; text-decoration:none; }
a.lnk1:hover { color:red; text-decoration:underline; }


Az “a” szelektorhoz tarozó osztályt a fenti módon, ponttal adjuk hozzá a deklarációhoz. A HTML forráskódban pedig az alábbi class=”lnk1″ hivatkozással jelöljük meg a tagot vagy tagokat. Ha több elemek kívánunk azonos módon megjeleníteni, akkor minden taghoz hozzáírjuk a osztály megjelölését.

<a class=”lnk1″ href=”http://…”>Link 1</a>


További osztályokat vagy stílus deklarációkat adhatunk meg, attól függően, hogy mennyi különféle stílusokat akarunk használni. Lehet lnk1, lnk2, stb.. lnk22, amelyek voltaképpen azonosítók, azonosítják az osztályhoz tartozó stílus deklarációkat.


Weblap kód Designer

Hagyjon üzenetet!