Reguli și strategii pentru o prezență digitală de succes
Definirea de reguli similare
Daca mai multi selectori folosesc aceleasi definitii, acestia se insereaza intr-o lista de elemente
separate prin virgule. Sintaxa generala pentru definirea unei liste cu selectori este:
selector1, selector2, ... { proprietate1:valoare1; proprietate2:valoare2; ...}
Impreuna cu selectorii pot fi de asemenea definiti si identificatorii si clasele. Dezavantajul definirii
regulilor similare este ca in momentul in care este modificata o valoare a unei proprietati incluse in
definitie, valoarea respectiva se va modifica in toate etichetele listei de reguli.
Definirea de reguli similare
Definirea de reguli similare
Definirea de reguli similare
stil-2-8.css
body{
background-color:#b8e6e6;
}
#wrapper{
margin-left:50px;
}
h1, h2{
color:blue;
}
Definirea etichetelor in context (imbricate)
Cand o eticheta este inconjurata de alte etichete (aflandu-se astfel una in interiorul alteia), spunem
ca aceste etichete sunt imbricate. Eticheta exterioara se numeste, in acest caz, eticheta parinte, iar
cea inferioara se numeste copil. Se pot crea reguli aferente etichetelor copil, sintaxa generala a unei
reguli contextuale fiind:
selector1 selector2 ... { proprietate1:valoare1; proprietate2:valoare2; ...}
Ultimul selector din lista este cel care primeste toate stilurile incluse in regula si le mosteneste pe
cele ale parintilor.
Ca si selectorii grupati, selectorii contextuali pot include in lista selectori de clasa, identificatori sau
selectori HTML.
Definirea etichetelor in context
h1 in clasa div_ex
h2 in clasa div_ex
h3 in clasa div_ex
ex. h1
ex. h2
ex. h3
stil-2-9.css
body{
background-color:#e6e68a;
}
#wrapper{
margin-left:50px;
}
/* definim culoarea verde pentru h1, h2, h3 (reguli similare) */
h1, h2, h3{
color:green;
}
/* definim clasa div_ex */
.div_ex {
width:50%;
Leave a Comment
Trebuie să fii autentificat pentru a publica un comentariu.