Rezumat: Prelegerea oferă informații de bază despre sintaxa CSS, discută principalele modalități de implementare a CSS în HTML. De asemenea, sunt descriși selectorii principali, pseudo-elementele și pseudo-clasele, astfel de concepte CSS fundamentale precum moștenirea și cascada sunt atinse.
CSS Syntax
Există mai mulți selectori diferiți, fiecare dintre aceștia corespund diferitelor părți ale marcajului. Cele patru cele mai comune selectori sunt selectori universali. selectori de elemente, selectori de clasă și selectori de identificatori.
Selectori universali. Selectorii universali vă permit să aplicați stilul direct la toate elementele de pe pagină. De exemplu, următoarea regulă stabilește o margine solidă cu o grosime de 1 pixel pentru fiecare element din pagină:
Elementele selectorului de elemente. Pentru a determina informații despre prezentarea elementelor HTML, majoritatea regulilor de stil utilizează numele acestor elemente ca selectori. De exemplu,
Regula de mai sus se va aplica tuturor elementelor
...
.Selectori de clasă. Rețineți că specificația HTML 4.01 oferă tuturor elementelor un atribut de clasă specială. care vă permite să notați în mod specific anumite elemente structurale din document, de exemplu
Fonturile de stil cascadă permit utilizarea valorilor atributului de clasă ca selectori. Numele de clase în selectori sunt precedate de o perioadă și sunt specificate după numele elementelor:
În exemplul de mai sus, regula de stil se va aplica numai acelor elemente
...
. a cărui atribut de clasă este important.Formatele de tip cascadă permit, de asemenea, utilizarea claselor în selectori fără a se specifica numele elementelor:
Astfel de reguli de stil vor fi aplicate tuturor elementelor care au un atribut de clasă cu valoarea specificată.
Selectori de identificare. În plus față de clase, specificația HTML prevede pentru toate elementele un alt id de atribut special. cu care unui element i se poate atribui un identificator unic. de exemplu:
Principala diferență între identificatori și clase este că fiecare valoare a atributului id trebuie să fie unică. Identificatorii din selectori sunt specificați după numele elementelor și sunt precedați de #:
Această regulă de stil se va aplica unei singure instanțe a unui element
Puteți conecta mai mulți selectori pentru a defini reguli și mai specifice. De exemplu, înregistrați
Articole similare
Trimiteți-le prietenilor: