În acest capitol vom vorbi despre cum să încorporăm CSS într-un document HTML, adică să asociem o descriere de stil a unui element direct cu elementul în sine sau o etichetă HTML.

Există trei modalități de a îndeplini această sarcină:

Scrieți o descriere a stilului direct în elementul însuși. Această metodă este bună numai dacă acel element este singurul în documentul HTML care necesită o descriere de stil separată.

Scrieți o descriere de stil pentru toate elementele identice ale documentului HTML. Această metodă se justifică dacă stilul paginii este fundamental diferit de designul general al site-ului (un grup de pagini interconectate).

Aduceți descrierea de stil a elementelor HTML într-un fișier CSS separat. Acest lucru vă va permite să gestionați designul întregului site în ansamblu, fiecare pagină a site-ului se referă la fișierul CSS. Această metodă este cea mai eficientă utilizare a unui tabel de stil cascadă.

Să examinăm mai atent fiecare opțiune și, în același timp, să ne familiarizăm cu regulile sintaxei de scriere a CSS.

Atributul de stil.

Aproape fiecare etichetă HTML are un atribut de stil. care spune că o anumită descriere de stil este aplicată acestei etichete.

acesta este un paragraf cu un stil individual

Tot ce va fi scris între citatele atributului de stil și va fi o descriere a stilului pentru acest element, în acest caz elementul

acesta este un paragraf cu un stil individual

În acest caz, am indicat că acest paragraf ar trebui să fie afișat în roșu și să aibă dimensiunea fontului de 12 pixeli. În următoarele capitole, vă voi spune în detaliu despre ceea ce este scris în ghilimele. Acum este vorba de modul de aplicare a CSS la orice etichetă HTML.

Prin același principiu, puteți specifica un stil individual pentru aproape fiecare element HTML.

Dar, încă o dată, acest mod de implementare a CSS este bun doar dacă doriți să specificați un anumit stil pentru un număr mic de elemente HTML.

Pentru a descrie simultan elementele necesare pe întreaga pagină din antetul documentului HTML, încorporați eticheta (nu confundați-l cu atributul cu același nume) în care apare descrierea elementelor necesare.

După cum se poate vedea din exemplu, am obținut exact același rezultat ca și în primul caz, numai acum nu atribuim fiecare stil individual elementului individual, ci îl plasăm în "capul" documentului, indicând astfel că toate anteturile

,

- va fi albastru, și paragrafe

- roșu. Imaginați-vă cum ne-ar simplifica munca, indiferent dacă în sutele de pagini de secțiuni și aproximativ cincisprezece titluri, iar documentul a devenit mai puțin în greutate ca urmare a „șterge“ toate descrierile stilistice recurente pentru fiecare element în parte.

etichetă