Rezumat: Cursul oferă informații de bază despre sintaxa CSS, metodele de bază de punere în aplicare a CSS in HTML. De asemenea, descrie selectorii de bază, pseudo-clase și pseudo-elementele, adrese de astfel de concepte CSS de bază ca moștenire și în cascadă.
sintaxa CSS
Există mai multe selectoare diferite, fiecare dintre acestea corespund diferitelor părți ale aspectului. Cele patru Selectorii universale cele mai comune sunt selectoare. Elementele selectoare selectori selectori de clasă și ID-urile.
selectoare universale. selectoare universale ne permit să aplice stilul direct la toate elementele de pe pagină. De exemplu, următoarea regulă stabilește o grosime de frontieră solidă de 1 pixel pentru fiecare element pe pagină:
elemente selectoare. Pentru a determina informații cu privire la reprezentarea cele mai multe reguli elemente HTML de stil sunt folosite ca selectoare, numele acestor elemente. De exemplu,
în general, mai sus va fi aplicată tuturor elementelor
...
.selectoare de clasă. Amintiți-vă că HTML 4.01 Specificații prevede toate elementele unei clase atribut personalizat. mod special, care permite unele dintre elementele structurale menționate în document, de exemplu
Cascading Style Sheets vă permit să utilizați ca valoare selector al atributului de clasă. nume de clase în selectoare sunt precedate de punct și sunt specificate după numele elementelor:
În acest exemplu, regula de stil va fi aplicat numai acelor elemente
...
. atribut de clasă care are o valoare importantă.Cascading Style Sheets, de asemenea, permite utilizarea numelor de clasă în selectori fără a specifica nume de elemente:
Aceste reguli de stil vor fi aplicate la toate elementele care au un atribut de clasă cu valoarea specificată.
selector ID. În plus față de clase, caietul de sarcini HTML solicită pentru toate elementele unui alt atribut id speciale. prin care identificatorul unic poate fi atribuit oricărui element. de exemplu:
Diferența principală dintre identificatori ai claselor este că fiecare valoare a atributului id trebuie să fie unic. ID-urile în selectoare sunt specificate după numele elementelor și sunt precedate de simbolul #:
Această regulă de stil va fi aplicat într-o singură instanță a elementului
Puteți conecta mai multe selectoare pentru a defini reguli chiar mai specifice. De exemplu, salvând