Css css clase

Clasele în CSS - un instrument care dezvoltatorii folosesc foarte des. Clase vă permit să specificați o etichetă reguli de stil diferite. Să ne uităm la un exemplu de cum să le folosească. Dar mai întâi să clarifice sintaxa selectorul de clasă:

Selectorul după numele tag-ul este scris prin numele punctului clasei. Numele dezvoltator clasa vine cu ea însăși. Numele clasei trebuie să înceapă cu o literă, poate conține o cratimă (-) sau o subliniere (_).

În codul HTML pentru a indica clasa CSS tag-ul tag-ul în registrele de comunicare atributul class = „numele clasei“.

Acum, un exemplu simplu de utilizare a claselor:

În acest exemplu, folosind clasele am stabilit culori diferite pentru cele trei liste create de tag-ul

. Acest exemplu nu este aplicat. Cine va fi actualizat un pic și să-l mai aplicat. etichetă
folosit pentru a crea un meniu site-ului. În exemplul următor, vom crea două meniuri cu această etichetă.

Rezultatul codului:


Figura 1. Un exemplu de utilizare clase în crearea meniului.

Desigur, în acest exemplu, meniul nu sa dovedit interesant, dar punctul este un exemplu pentru a arăta modul de aplicare a claselor în acest caz.









Să ne uităm la un alt exemplu simplu de utilizare a claselor. Creați o clasă pentru aspectul paragrafului (tag-ul

) Ca un citat.


Figura 2. Un exemplu de utilizare clase în crearea de citate.

Și un alt exemplu simplu de a folosi clase CSS. În acest moment, vom face o zebră lizibilitate date tabel.


Figura 3. Exemplu de clase în crearea tabelului.

Dar este de remarcat faptul că acest cod este incorect. Adevărul este că în documentul html toate etichetele va numi culoarea de fundal # 519E70. Pentru a exclude tag-ul Acesta a acționat numai în cadrul tabelului cu orașe de clasă. selector să fie după cum urmează table.towns-lea.

Utilizarea simultană a diferitelor clase

Du-te la orice HTML-tag-ul, puteți adăuga mai multe clase. În acest scop, clasa de tag-ul atribuie nevoia lor de a specifica un spațiu. Dacă utilizați aceleași reguli de stil în clase diferite, dar cu aceleași valori pentru formatul care urmează să fie utilizat de regulă stilul specificat în codul de mai jos.

Creați un nor de tag folosind două clase de la aceeași etichetă:

Un exemplu de acest cod:


Figura 3. Exemplul 2 clase de utilizare simultană în crearea unui nor de etichete.

Toate link-urile din norul de tag-ul trebuie să aibă aceeași culoare, dar diferite dimensiuni de link-uri. De asemenea, comune, puteți specifica de referință font.