Lucrul cu clase în html și css

Pe scurt despre ce avem nevoie de clase. Să presupunem că avem o pagină pe câteva paragrafe, și ne-am decis să cerem fiecare dintre ele pentru decorarea lor. Unul trebuie să fie verde, celălalt galben, iar al treilea - deci tot albastru. Cum să fie în acest caz? La urma urmei, tot ce este la dispoziția noastră în acest moment, astfel încât această etichetă p. Și dacă l-am cere să se pronunțe, se aplică automat tuturor elementelor. Și nu ne-ar place. Aici, în acest caz, și să vină cu clase.

După cum probabil ați ghicit deja, clasele sunt folosite în cazul în care avem nevoie pentru a da un anumit proprietăți paragraf care sunt unice pentru el singur. Codul HTML pentru unele tag-ul pentru a atribui o clasă, trebuie să vă înregistrați numele clasei atribut de clasă în sine. De exemplu class = „verde“. De fapt, va arata ceva de genul:

Dar, din ceea ce ne-am prescris un astfel de element de atribut, textul propriu-zis al verde nu va deveni. Pentru că este necesar să-i ceară o regulă CSS. Și se poate face după cum urmează:

Această regulă poate fi citit ca: cere un element p cu clasa verde verde. Acum, dacă dorim să ne asigurăm că toate punctele care se află pe pagina noastră sunt verzi, noi doar le prescrie la clasa corespunzătoare. Și vedem că acele paragrafe pe care le-am dat acest atribut este evidențiat în verde.

Pentru a consolida materialul, aveți posibilitatea să atribuiți paragrafelor din clasele lor și să înregistreze propriile reguli CSS.

Din moment ce alte elemente sunt absolut aceeași poveste. Puteți seta doar H1 clase sau în antetul h2 și le vopsea în culori diferite. Dar, în general, ea nu este culorile în sine, ci mai degrabă pentru a evidenția anumite elemente pe o pagină folosind clase. Iar regulile pe care le va fi liber pentru a le cere genul care place.

Deci, s-ar putea confrunta cu o situație pe care trebuie să faceți verde nu este doar un paragraf, dar titlul prea. Și atunci vei avea trei opțiuni. Pentru a face acest lucru:

Prescrierea norme separate pentru titlu și alineatul:

Utilizați gruparea selectori:

Dar puteți face mai scurt, declarând după cum urmează:

Aici noi nu specifica nici de selectori, și să dea de înțeles că lucrăm cu toate elementele care au clasa specificată.

În plus, avem, de asemenea, posibilitatea de a specifica un element aparținând mai multor clase. Pentru a face acest lucru, este suficient să aibă un element de clasa a doua printr-un spațiu. De exemplu, ca aceasta:

Iar în selectorul CSS pentru mare l întreb regulile necesare.

În cazul în care acesta poate fi utilizat?

Deci, de exemplu, dacă doriți să specificați nu numai culoarea elementului, dar, de asemenea, mai multe și setați dimensiunea fontului. Dar tu nu vrei să faci acest lucru pentru toate elementele cu clasa verde, și doriți să utilizați această regulă doar pentru un anumit paragraf. De exemplu, ca aceasta:

Captura de ecran arată că un anumit paragraf, printre altele verzi pictate manual, am decis să întreb o dimensiune mai mare a fontului. Dar nu am putut prescrie o regulă de selectare font-size pentru o clasă verde. Pentru că, în acest caz, aș avea toate punctele cu clasa verde, crește dimensiunea fontului.

În prezent, poate toate, pentru că tot ce am vrut să-ți spun despre clasele deja descrise. Ne vedem în următoarele lecții!