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 permit 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 culoarea 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 necesită sa retineti ca definirea unei clase incepe cu semnul punct( . ). Numele de " verdeboldtext " este dat doar de exemplu, puteti folosi absolut orice denumire, insa recomandarea este sa folositi denumiri intuitive, care sa va spuna rapid cum arata stilul respectiv. Puteti folosi clasa" .verdeboldtext " ori de cate ori este nevoie.
_________________
Dute tAre viNo lenT,Pentru mIne na-I Tal3nt :P |
|
