KaDaVrU
Founder
Data inscrierii: 26/Mai/2008
Mesaje: 128
Localitate: Baia Mare
|
 Trimis: 07/06/2008 11:33 Titlul subiectului: Clasele css |
 |
|
Clasele css
Clasele va îngăduie sa stilizati anumite taguri sau elemente din codul (X)HTML, diferentiat. Similar cu metoda " in linie " din introducere in css. Exceptia in cazul claselor consta in faptul ca stilurile pot fi schimbate prin schimbarea foii de stil. Astfel puteti folosi acelasi selector in fisierul (X)HTML si totusi va arata diferit, in functie de foaia de stil utilizata. Ca sa o spunem cat mai simplu, propozitia pe care o cititi, este definita in foaia de stil CSS astfel:
| Cod: | p {
font-size: small;
color: #333333;
} |
Simplu, insa, daca vor sa schimb nuanță cuvantului " propozitia " in verde, bold, lasand insa restul propozitiei neschimbata? Voi folosi urmatorul cod in fisierul (X)HTML:
Ca sa o spunem cat mai simplu,
| Cod: | | <span>"propozitia"</span> |
pe care o cititi, este definita in foaia de stil CSS astfel :
| Cod: | .verdeboldtext {
font-size: small;
color: #008080;
font-weight: bold;
} |
Rezultatul final arata asa:
Ca sa o spunem cat mai simplu, " propozitia " pe care o cititi, este definita in foaia de stil CSS astfel
Ar trebui sa retineti ca definirea unei clase incepe cu semnul punct( . ). Numele de " verdeboldtext " este dat doar de exemplu, puteti folosi orice denumire, insa recomandarea este sa folositi denumiri intuitive, care sa va spuna fără întârziere cum arata stilul respectiv. Puteti folosi clasa" .verdeboldtext " ori de cate ori este nevoie.
_________________
Dute tAre viNo lenT,Pentru mIne na-I Tal3nt :P |
|
