Coduri CSS
Tradus de
ScribdTranslationsCoduri CSS
Tradus de
ScribdTranslationscoduri css
1) La ora de a folosi css sunt 3 variabile importante:
selector:
Pentru a aplica stiluri unui document HTML, utilizăm selectorii CSS. Un selector CSS poate fi definit
cum este codul care identifică unul sau mai multe elemente HTML pentru a le aplica stiluri de culoare, dimensiune,
separare, etc. Acest lucru se întâmplă în cascadă în cazul în care comenzile sunt din aceeaș i ierarhie sau prin
rango osea un cod de rang mai mare determină pigmentul
Codurile de selecț ie sunt:
* (selector universal): selectează tot
b) "detpo (selector pentru element)": selectează un element specific, exemplu, dacă vreau să schimb
h1 doar trebuie să pun h1 {proprietate : valoare}
c) "." (pe clase): selectează doar o clasă atribuită unui comandă, de exemplu, vreau să pictez
coduri care au asignată clasa "ttulo-h2" atunci <input class = "ttulo-h2"> se va colora. Pentru
acț ionez selectorul după clasă, trebuie să fac următoarele.
.clase care corespunde{proprietate:valoare}
d) "#" (după element): sortarea după element este ca sortarea după clasă, doar că în loc să foloseș ti
comando "class", se foloseș te "id" (<h1 id = "numele id-ului dorit" >). se recomandă să se folosească doar un tip de
id
e) "prin atribut": explic cu un exemplu <etiquetă atribut = "valoare"> aceasta este forma generală dacă o
vreau în mod specific ar trebui să pun <h1(este eticheta) mort="da" >
Pentru a-l selecta, se face următoarele: (important utilizarea acoladelor) [mort="da"]
f) "prin descendenț i"
g) "pentru pseudo clase": într-un eveniment se generează o selecț ie, de exemplu, dacă vreau să se întâmple când trece
când mouse-ul este peste un hipervincul, acesta să devină de o culoare specifică, ceea ce trebuie să fac în css este. a:hover
verde
h) "por !important":
rangurile de la cea mai mare la cea mai mică importanț ă sunt:
!important: regulile CSS se aplică în cascadă, de sus în jos. Ceea ce face !important este de a suprascrie
scrie orice regulă anterioară, rupând cascada
estilos în linie: Stilurile în linie sunt declaraț ii CSS care se integrează în etichetele HTML
prin intermediul atributului style. Această metodă afectează doar elementul în care este integrat codul
identificatori: Identificatorii fac referire la un singur element sau etichetă de pe pagina noastră
web. Pe pagina web vom utiliza atributul id pentru a identifica eticheta ș i în foaia de stiluri
vom utiliza simbolul # pentru a aplica foi de stil.
clase: Foi de stiluri CSS: Clase. O clasă este o definiț ie a unui stil care, în principiu, nu este
asociat cu etichete HTML, dar pe care le putem asocia cu etichete concrete.
pseudo-clase:
atributos
elemente
pseudo-elemente
sunt caracteristicile pe care căutăm să le retuș ăm, culoare, mărime, etc.
valor: este este valoarea pe care o va lua eticheta, în func ț ie de proprietatea pe care se dore ș te să fie alterată, de exemplu: dacă
proprietatea este culoarea, valoarea este o culoare, dacă proprietatea este dimensiunea, valoarea va fi pixeli lăț ime ș i
larg
metodologia BEM
BEM (Bloc, Element, Modificator) este o metodologie de denumire a claselor în CSS care caută
a structura ș i a organiza codul într-un mod mai modular ș i mai uș or de întreț inut, evitând problemele la momentul
a folosi selectorul
exemplu
<div class="form">
<input type="text" class="form__input--actve">
<input type="parola" class="form__input">
</div>
pasul 1: foloseș te eticheta 'div' ș i asignă-i o clasă, în acest caz s-a folosit 'class=form'
pasul 2: între "div" foloseș te o etichetă ș i atribuie-i o clasă, aș a cum vedem mai sus s-a folosit input