Stilați atributele css în html. Proiectarea etichetelor html cu atributul style (stiluri CSS încorporate)

Foile de stil pot fi adăugate la o pagină web în trei moduri: căi diferite, care diferă prin capacitățile lor.

Foi de stil aferente

Cel mai puternic și mod convenabil definirea stilurilor și regulilor pentru site. Stilurile sunt stocate într-un fișier separat care poate fi folosit pentru orice pagină web. Pentru a conecta un tabel de stiluri înrudite, utilizați eticheta în titlul paginii (exemplul 1).

Exemplul 1: Conectarea unei foi de stil legate

Stiluri

Salut Lume!

Calea către foaia de stil poate fi relativă sau absolută, așa cum se arată în în acest exemplu.

Avantajele acestei metode

Un fișier de stil este utilizat pentru orice număr de pagini web, de asemenea, este posibil să îl utilizați pe alte site-uri.
Puteți schimba foaia de stil fără a modifica paginile web.
Când schimbați stilul într-un singur fișier, stilul este aplicat automat tuturor paginilor unde există un link către acesta. Fără îndoială convenabil. Specificăm dimensiunea fontului într-un singur loc și se schimbă pe toate sutele sau mai multe pagini web ale site-ului nostru.
Când fișierul de stil este încărcat pentru prima dată, acesta este stocat în cache pe computerul dvs. local, separat de paginile web, astfel încât site-ul se încarcă mai repede.

Foi de stil globale

Stilul este definit în documentul în sine și este de obicei situat în capul paginii web. În ceea ce privește flexibilitatea și capacitățile, această metodă de utilizare a unui stil este inferioară celei anterioare, dar vă permite și să plasați toate stilurile într-un singur loc. ÎN în acest caz,, chiar în corpul documentului. Definiția stilului este specificată de etichetă

Salut Lume!

Acest exemplu arată schimbarea stilului antetului

. Pe o pagină web, acum trebuie doar să specificați această etichetă, iar stilurile îi vor fi adăugate automat.

Stiluri interne

Stilurile inline sunt în esență o extensie a unei singure etichete utilizate pe o pagină web. Atributul de stil este folosit pentru a defini un stil, iar valorile acestuia sunt specificate folosind un limbaj de foi de stil (exemplul 3).

Exemplul 3: Utilizarea stilurilor interne

Stiluri

Salut Lume!

Este recomandat să folosiți stilul interior pentru etichetele individuale sau să nu îl folosiți deloc, deoarece schimbarea unui număr de elemente devine problematică. Stilurile interne nu corespund ideologiei unui document structural atunci când conținutul și designul acestuia sunt separate.

Toate metodele descrise folosind CSS pot fi utilizate fie independent, fie în combinație între ele. În acest caz, este necesar să ne amintim ierarhia lor. Stilul intern este întotdeauna aplicat mai întâi, apoi foaia de stil globală și în ultimul rând foaia de stil asociată. Exemplul 4 folosește două metode pentru adăugarea foilor de stil la un document.

Exemplul 4. Combinație metode diferite stiluri de legătură

Stiluri

Salut Lume!

În exemplul dat, primul titlu este setat la 36 de pixeli roșu, iar următorul este setat la verdeși un font diferit.

Pentru a crea prezentarea paginilor Web, este destinată tehnologia foilor de stil în cascadă (CSS), sau pur și simplu foilor de stil. Masa stiluri css conține un set de reguli (stiluri) care descriu designul paginii Web în sine și fragmentele sale individuale. Aceste reguli determină culoarea textului și alinierea paragrafelor, indentări între reprezentare graficăși textul care îl înfășoară, prezența și parametrii cadrului tabelului, culoarea de fundal a paginii Web și multe altele.

Fiecare stil CSS trebuie să fie asociat cu un element corespunzător al paginii web (sau paginii web în sine). După legare, descris de stilul selectat parametrii cssîncep să se aplice la acest element. Linkul poate fi explicitatunci când noi înșine specificăm ce stil css este legat de ce element al paginii Web, sau implicit, când stilul css este legat automat la toate elementele paginii Web create folosind o etichetă specifică.

Masa stiluri css poate fi stocat direct în codul HTML al paginii Web sau într-un fișier separat. Această din urmă abordare este mai consecventă Concepte web 2,0; După cum ne amintim din Capitolul 1, necesită ca conținutul și prezentarea unei pagini Web să fie separate. În plus, separat stiluri css poate fi plasat direct într-o etichetă HTML care creează un element de pagină Web; Această abordare este acum folosită destul de rar și mai ales atunci când experimentăm stiluri.

Foile de stil CSS sunt scrise într-un limbaj special numit CSS. Standardul care descrie prima versiune a acestui limbaj (CSS 1) a apărut în 1996. CSS 2 este în prezent acceptat și utilizat pe scară largă, iar CSS 3 este în dezvoltare, un subset limitat al căruia este deja acceptat de multe browsere web.

Doar CSS 3 (mai precis, subsetul său acceptat programe moderne) vom studia.

Crearea stilurilor CSS

Format comun de definiție Stilul CSS Lista 7.1 ilustrează.

Iată regulile de bază pentru crearea unui stil CSS.

O definiție de stil CSS include un selector și o listă de atribute de stil cu valorile acestora.

- Selector folosit pentru a lega un stil de elementul paginii Web la care ar trebui să-i aplice efectul. De fapt, selectorul identifică în mod unic acest stil.

După selector, despărțit de un spațiu, este o listă de atribute de stil CSS și valorile acestora, cuprinse între acolade.

Atributul de stil (a nu se confunda cu atributul de etichetă!) reprezintă unul dintre parametrii unui element de pagină Web: culoarea fontului, alinierea textului, cantitatea de indentare, grosimea cadrului etc. Valoarea atributului de stil este indicată după acesta prin simbolul: (colon). În unele cazuri, valoarea atributului de stil css este inclusă între ghilimele.

Cupluri<атрибут стиля>:<значение>separate unul de altul printr-un simbol; (punct şi virgulă).

Între ultimul cuplu <атрибут стиля>:<значение>și un simbol de închidere; nu setați, altfel este posibil ca unele browsere web să nu proceseze corect definiția stilului.

Definițiile diferitelor stiluri sunt separate prin spații sau întreruperi de linie.

Nu ar trebui să existe spații sau linii noi în interiorul selectoarelor și al numelor de stil. În ceea ce privește spațiile și liniile noi plasate în altă parte în definiția stilului, browserul Web le ignoră. Prin urmare, putem formata codul CSS pentru a-l face mai ușor de citit, așa cum am făcut cu codul HTML.

Dar regulile sunt regulile și, cel mai important, practica. Să ne uităm la un mic exemplu de stil:

P (culoare: #0000FF)

Să ne uităm la asta bucată cu bucată.

P este un selector. Reprezintă numele etichetei

Culoarea este un atribut de stil. Setează culoarea textului.

- #0000FF este valoarea atributului de stil de culoare. Reprezintă codul de culoare albastră, scris in format RGB. (Vom vorbi mai multe despre codul RGB și definiția acestuia în Capitolul 8.)

Când browserul Web citește stilul descris, îl va aplica automat tuturor paragrafelor din pagina Web (etichete

). Aceasta, apropo, exemplu tipic legare stil implicit.

stilul css Cel la care ne-am uitat se numește stilul de înlocuire a etichetei. Selectorul de aici este numele etichetei HTML care trebuie înlocuită de acest stil fără caractere< и >. Selector pot fi tastate atât cu majuscule cât și litere mici; autorul preferă literele mari.

Să ne uităm la câteva dintre aceste stiluri.

Iată stilul de înlocuire a etichetei :

EM (culoare: #00FF00;
greutate font: bold)

Orice text plasat într-o etichetă , Browserul Web îl va afișa cu font verde aldine. Atributul stil font-weight specifică gradul de „îndrăzneală” al fontului, iar valoarea lui bold specifică un font semi-aldine.

Și acesta este stilul de înlocuire a etichetei :

CORP (culoare de fundal: #000000;
culoare: #FFFFFF)

Se setează pentru întreaga pagină Web culoare alba text (cod RGB #FFFFFF) și culoare de fundal negru (cod RGB #000000). Atributul de stil de culoare de fundal, așa cum am înțeles deja, stabilește culoarea de fundal.

Acum să ne uităm la un stil complet diferit:

Text roșu (culoare: #FF0000)

Setează culoarea textului la roșu (cod RGB #FF0000). Dar selectorul nu este în mod clar numele etichetei - eticheta HTML nu exista.

Aceasta este o varietate diferită Stilul CSS- clasa de stil. Poate fi atașat la orice etichetă. Selectorul de aici este numele clasei de stil, care o identifică în mod unic. Numele clasei de stil trebuie să fie format din litere ale alfabetului latin, cifre și cratime și trebuie să înceapă cu o literă. În definiția unei clase de stil, numele acesteia este în mod necesar precedat de un simbol punct - acesta este un semn că este o clasă de stil care este definită.

O clasă de stil necesită o legare explicită a etichetelor. Acest lucru se face folosind atributul CLASS, care este acceptat de aproape toate etichetele. Valoarea acestui atribut este numele clasei de stil dorite fără simbolul punctului:

Atenţie!

Aici am legat noua clasă de stil redtext la paragraful „Atenție!”. Ca urmare, acest paragraf va fi tastat cu font roșu.

În Lista 7.2, am creat o clasă de stil de atenție care setează culoarea fontului la roșu și italic. (Atributul font-style specifică stilul fontului, iar valoarea lui italic face fontul italic.) Apoi l-am legat la o etichetă . Ca urmare, conținutul acestei etichete va fi introdus cu font aldine, roșu italic; importanța deosebită și „îndrăzneala” asociată textului este determinată de etichetă , iar stilul italic și culoarea roșie sunt clasa de stil de atenție.

Ca valoare a atributului CLASS, puteți specifica mai multe nume de clase de stil simultan, separându-le cu spații. În acest caz, efectul claselor de stil pare să se adauge. (Pentru mai multe informații despre efectul mai multor stiluri diferite Vom vorbi mai târziu.)

În exemplul din Listarea 7.3, ne-am legat de etichetă două clase de stil simultan: atenție și bigtext. Ca urmare, conținutul acestei etichete va fi afișat cu caractere aldine, cursive, roșii și dimensiuni mari. (Atributul stil font-size specifică dimensiunea fontului, iar valoarea acestuia este mare marime mare, comparabilă cu dimensiunea fontului folosită pentru titlurile de primul nivel.)

Un stil numit este similar cu o clasă de stil în multe privințe. Selectorul acestui stil este, de asemenea, un nume care îl identifică în mod unic și este, de asemenea, legat în mod explicit de etichetă. Și atunci încep diferențele.

În definiția unui stil numit, un simbol # (hash) este plasat în fața numelui său. Îi spune browserului web că este un stil numit.

Legarea unui stil numit la o etichetă este implementată prin atributul ID, care este, de asemenea, acceptat de aproape toate etichetele. Valoarea acestui atribut este numele stilului numit dorit, fără simbolul #.

Valoarea atributului etichetei ID trebuie să fie unică în pagina Web. Cu alte cuvinte, în codul HTML al unei pagini Web nu poate exista decât o singură etichetă cu valoare dată atribut ID. Prin urmare, stilurile numite sunt folosite dacă un stil ar trebui să fie legat de un singur element al unei pagini Web.

În exemplu

#bigtext (dimensiunea fontului: mare)
. . .
Acest text mare.

Paragraful „Acesta este text mare” va fi cu font mare.

Toate tipurile de stiluri pe care le-am examinat au avut un singur selector, cu ajutorul căruia s-a efectuat legarea. Cu toate acestea, CSS vă permite să creați stiluri cu mai mulți selectori - așa-numitele stiluri combinate. Astfel de stiluri sunt folosite pentru a lega etichete care îndeplinesc mai multe condiții simultan. Astfel, putem specifica că un stil combinat ar trebui să fie legat de o etichetă imbricată într-o altă etichetă sau de o etichetă care are o anumită clasă de stil specificată.

Reguli care sunt stabilite de standardul CSS la scrierea selectoarelor într-un stil combinat.

-Selectoare pot fi nume de etichete, nume de clase de stil și nume de stil denumit.

Selectoarele sunt listate de la stânga la dreapta și indică nivelul de imbricare al etichetelor corespunzătoare, care crește pe măsură ce vă deplasați de la stânga la dreapta: etichetele din dreapta trebuie să fie imbricate în etichetele din stânga.

Dacă un nume de etichetă este combinat cu numele unei clase de stil sau al unui stil numit, atunci pentru a acestei etichete acesta trebuie să fie numele unei clase de stil sau al unui stil numit.

Selectoarele sunt separate prin spații.

Stilul este legat de eticheta indicată de selectorul din dreapta.

Reguli complicate, nu-i așa?... Pentru a le înțelege, să ne uităm la câteva exemple.

Să începem cu cel mai simplu stil combinat:

P EM (culoare: #0000FF)

Numele etichetelor sunt folosite ca selectoare
ȘI .

Eticheta este pe primul loc
În spatele lui este o etichetă . Deci eticheta trebuie să fie imbricate într-o etichetă
Stilul va fi legat de etichetă .

Acest text va deveni albastru.

Dar acesta nu va fi.

Acest- La fel.

Aici cuvintele „Acest text” vor fi cu font albastru.

Iată un alt stil CSS combinat:

P.mini ( culoare: #FF0000;
dimensiunea fontului: mai mic)

Nume eticheta
Combinat cu numele clasei de stil mini. Aceasta înseamnă că acest stil CSS va fi aplicat oricărei etichete
Pentru care este specificat numele clasei de stil mini. (Valoarea atributului de stil de dimensiune mai mică a fontului specifică o dimensiune mai mică a fontului.)

Mic text roșu.

Și ultimul exemplu de stil CSS combinat:

P.sel (culoare: #FF0000)

Acest stil va fi aplicat etichetei , situat în interiorul etichetei
La care se leagă clasa de stil sel.

Acest textul va deveni roșu.

În acest exemplu, cuvântul „Acest” va fi evidențiat cu roșu.

Standardul CSS vă permite să definiți mai multe stiluri identice simultan, listând selectoarele lor separate prin virgule:

H1, .redtext, P EM (culoare: #FF0000)

Aici am creat trei stiluri identice simultan: stilul de înlocuire a etichetei
, clasă de stil redtext și stil combinat P EM. Toate au setat culoarea fontului la roșu.

Toate cele patru tipuri de stiluri CSS pe care le-am analizat pot fi prezente numai în foile de stil. Dacă le specificați în codul HTML al unei pagini Web, cel mai probabil vor fi ignorate.

Stilurile ultimului - al cincilea - soi sunt indicate direct în codul HTML al paginii Web, în eticheta corespunzătoare. Acestea sunt stiluri inline. Într-o familie de stiluri strâns unite, se deosebesc.

Nu au selector, deoarece sunt plasate direct în eticheta dorită. Selectorul pur și simplu nu este necesar în acest caz.

Nu există acolade pentru că nu este nevoie să separați lista de atribute de stil CSS de selector, care nu există.

Un stil CSS inline poate fi legat doar de o singură etichetă - cea în care se află.

Definiția stilului CSS inline este specificată ca valoare a atributului STYLE eticheta dorită, care este acceptat de aproape toate etichetele:

Mic
- cursive.

Am menționat mai devreme că, în unele cazuri, valoarea atributului stilul css trebuie să fie cuprinse între ghilimele. Dar definiția stilului inline folosește apostrofe în loc de ghilimele.

Stilurile CSS încorporate sunt folosite destul de rar acum, deoarece încalcă cerința conceptului Web 2.0 de a separa conținutul și prezentarea paginilor Web. Ele sunt utilizate în principal pentru a lega stiluri la un singur element al unei pagini Web (foarte rar) și atunci când se experimentează stiluri.

În capitolul 14 ne vom uita la o altă varietate Stiluri CSS. Deocamdată, să terminăm cu ele și să începem să ne uităm la foile de stil.

CSS înseamnă „Cascading Style Sheets”, ceea ce înseamnă „Cascading Style Sheets”. Folosit pentru a proiecta pagini web. Dacă codul HTML conține conținutul (ce va afișa browserul), atunci CSS-ul determină designul acestuia (cum îl va afișa browserul). Frumusețea CSS este că, cu ajutorul unui singur stil, puteți proiecta toate aceleași tipuri de elemente ale unei pagini sau ale unui întreg site (toate linkurile, paragrafele, listele deodată). Cu un stil CSS, definiți o dată cum ar trebui să arate un anumit element, de exemplu, imaginile, și își schimbă designul în toate documentele simultan. Pentru a schimba formatarea textului pe site-ul dvs., trebuie să schimbați codul CSS o singură dată.

Elemente CSS de bază

Așa cum HTML este format din etichete, atribute și valori, CSS este alcătuit din etichete elemente proprii. Esența constructelor CSS poate fi explicată după cum urmează: „Specificați ce element de pagină să stilați și specificați cum să îl stilați.” Iată care sunt elementele de bază ale CSS.

Selector. Un identificator care spune browserului la ce element de pagină să aplice designul. Datorită acesteia, browserul „înțelege” că stilul este destinat, de exemplu, să proiecteze liste sau tabele.

Bloc de declarații de stil. Este scris după selector și este cuprins între acolade. Specifică stilul elementului (designul acestuia). Blocul de declarații de stil este format din două părți.

Proprietate. Un analog al unui atribut în HTML. Determină ce proprietate de aspect va fi modificată.

Sens. Specificat unei proprietăți prin două puncte și determină exact cum va fi modificată proprietatea.

Pot exista mai multe proprietăți și valori într-un bloc de declarații de stil, caz în care acestea sunt enumerate separate prin punct și virgulă.
Tipuri de selectoare

În funcție de proprietățile elementelor de pagină pe care le definesc, selectoarele vin în diferite tipuri.

universal. Setează reguli pentru toate elementele de pagină care nu au alte reguli setate.
Cod * (dimensiunea fontului: 14px;) setează dimensiunea fontului la 14 pixeli pentru toate elementele documentului pentru care alte reguli nu sunt specificate folosind alți selectori.

Tega. Acest tip de selector specifică regulile de formatare pentru conținutul unei anumite etichete HTML. Numele selectorului este același cu numele descriptorului, scris doar fără paranteze unghiulare: p, h1, ul.
De exemplu, cod h2 (culoarea rosie;) seturi Culoarea verde text pentru toate titlurile de al doilea nivel, adică conținutul etichetelor
.

Atribut. Folosind acest grup de selectoare, puteți determina stilul conținutului tuturor etichetelor care au specificat atribut specific. Selectoarele pot fi specificate mai precis prin specificarea nu numai a numelui atributului, ci și a valorii atribuite acestuia, precum și a numelui etichetei care îl conține. Acest lucru poate fi folosit pentru a face designul mai individual.

clasă. Un tip de selectoare pentru atunci când trebuie să formatați diferit conținutul etichetelor de același tip. De exemplu, doriți să faceți roșu linkurile din partea de jos a site-ului, în timp ce toate celelalte ar trebui să rămână albastre, așa cum au fost. Pentru a aplica regulile de clasă unui element de site, trebuie să specificați numele clasei în atribut clasă eticheta corespunzătoare.

Să spunem că folosim clasa Etapa elementelor individuale trebuie să li se acorde o marjă din stânga de 15 pixeli.

Codul CSS va fi astfel:

Pas (marja-stânga: 15px;)

Codul HTML care va lega elementul la regulă va fi:

Text indentat

ID. Folosit împreună cu atributul id Etichetă HTML și este utilizată atunci când proprietățile trebuie setate pentru un singur element. Spre deosebire de un selector de clasă, al cărui nume este precedat de un punct, acesta este scris folosind un hash:

#exclusiv (culoare:portocaliu;)

Contextual. În HTML, anumite etichete se găsesc adesea în alte etichete, iar selectorii contextuali ajută la definirea regulilor doar pentru astfel de cazuri. De exemplu, le puteți folosi pentru a formata elemente din liste numerotate sau text italic din paragrafe:

P i (familie fint: Century;)

Restul grupurilor de selectoare se bazează pe o combinație a tipurilor enumerate, precum și pe principiul moștenirii, atunci când element copil preia proprietățile părintelui.

Combinarea și gruparea selectoarelor este convenabilă în multe situații. De exemplu, pentru a stabili reguli de clasă Etapa numai pentru link-uri, trebuie să specificați ambii selectori separați printr-un punct (mai întâi eticheta, apoi clasa):

A.pas (marja-stânga: 15px;)

Cum să includeți CSS într-o pagină HTML?

Există mai multe moduri de a face ca instrumentele de creare a site-urilor web să interacționeze între ele. Pe baza metodei de adăugare, stilurile sunt împărțite în următoarele categorii.

Stiluri încorporate

Setați în document direct în interiorul etichetei HTML folosind atributul stil. Avea cea mai mare prioritate. Aceasta înseamnă că, dacă este specificat un design diferit pentru același element, atunci se va acorda preferință regulii care este scrisă în interiorul etichetei. Selectorul pentru stilul încorporat nu este necesar, deoarece legătura dintre stil și etichetă este evidentă - designul etichetei este specificat în acesta.

Următorul cod stabilește dimensiunea și culoarea fontului pentru textul din interiorul etichetei

Text formatat folosind un stil intern.

Stiluri globale

Setați prin etichetă …

Stiluri înrudite

Cel mai convenabil, pentru că cu ajutorul lor te poți înregistra cu ușurință stil uniform tot site-ul. Un stil legat înseamnă că toate stilurile CSS sunt într-un fișier separat cu extensia .css.

Această abordare este, de asemenea, convenabilă deoarece separă regulile de proiectare a paginii de conținutul lor, codul CSS poate fi schimbat cu ușurință fără a interfera cu fișierele HTML, iar principiul separării codului este foarte important, mai ales în proiectele mari.

Pentru a lega regulile dintr-un fișier CSS la o pagină HTML, utilizați eticheta adăugat la recipient , și atributele sale.

Iată linia care leagă regulile din fișier stilul meu.css cu pagina HTML:

rel="foaia de stil" specifică faptul că eticheta se referă la un fișier de foaie de stil, href="mysyle.css"își stabilește adresa. Regulile de adresare sunt aceleași ca pentru legăturile obișnuite - calea poate fi absolută, relativă etc.

Stiluri importate

Folosind comanda @import puteți adăuga stiluri dintr-un fișier CSS la tabelul curent. Acest lucru poate fi necesar, de exemplu, dacă doriți să completați designul individual al unui document, definit folosind stiluri globale, cu reguli universale dintr-un fișier separat. Metoda nu poate fi utilizată cu stiluri inline.

Codul de mai jos importă un tabel de fișiere în document orice.css, care se află în folderul cu documentul HTML editat:

@import url(any.css);

Comanda este scrisă în linia de sub eticheta de deschidere

Când browserul citește foaia de stil, formatează documentul în funcție de aceasta.

Trei moduri de a insera CSS
Există trei moduri de a insera o foaie de stil:

Foaie de stil externă

Foaie de stil internă

Stil încorporat

Foaie de stil externă
O foaie de stil externă este ideală atunci când stilurile trebuie aplicate pe mai multe pagini. Cu o foaie de stil externă, puteți schimba aspectul unui întreg site Web prin editarea unui singur fișier. Fiecare pagină trebuie să facă legătura cu foaia de stil folosind eticheta . Etichetă situat în secțiunea cap:

Nu lăsați spații între valoarea proprietății și unitățile acesteia! „margin-left:20 px” (în loc de „margin-left:20px”) va funcționa în IE (browser Internet Explorer), dar nu în Browsere Firefox sau Opera.

Foaie de stil internă
O foaie de stil internă este utilizată când document separat are un stil unic. Definiți stilurile interne în secțiunea de cap Pagini HTML folosind eticheta . În practică arată astfel:
Cel mai bun blog
Iată un exemplu: afișarea stilurilor CSS într-un document HTML

Vă rugăm să rețineți că în interiorul etichetei scriem și codul conform reguli CSS, folosind bretele. În articolele următoare voi vorbi mai detaliat despre regulile de sintaxă în CSS.

Conectarea mai multor fișiere CSS la un document HTML.

Regulile HTML permit ca mai multe fișiere CSS să fie incluse simultan. Mulți webmasteri folosesc acest lucru: creează fișiere CSS separate pentru text și imagini. Sau fişiere separate pentru antetul, subsolul și corpul principal al paginii. Să ne dăm seama cum să implementăm acest lucru.

Creăm mai multe fișiere în stil CSS. Numele lor să fie style-1.css și style-2.css. O plasăm, ca în metoda numărul unu, în același folder cu fișierul HTML.

Cel mai bun blog
Iată un exemplu: afișarea stilurilor CSS într-un document HTML

Totul este similar cu prima metodă, doar că în acest caz indicăm link-uri către două fișiere deodată.

Link la fișierul CSS din interior la un fișier de același tip.

Cu excepția tuturor celor de mai sus metodele enumerate, există o modalitate care vă permite să vă conectați la multe altele într-un singur fișier CSS!

Aceasta este implementată după cum urmează:
În primul rând, trebuie să conectăm cel puțin un fișier CSS la codul tău în același mod.

În al doilea rând, introduceți următorul cod în fișierul deja conectat:
@import url("style-2.css");
Această linie se conectează la fișierul nostru fișier suplimentar CSS. Dacă aveți dificultăți cu conectarea CSS, îi puteți întreba în comentarii.
După cum am învățat din cele două lecții anterioare, Tehnologia CSS este cel mai puternic instrument, pe care orice webmaster ar trebui să-l stăpânească! Pentru a îmbunătăți asimilarea materialului, am decis să adaug un videoclip de instruire + test pentru a consolida informațiile primite la finalul fiecărei lecții.

Test de fixare a materialului:

Trebuie să includem fișierul CSS prin plasarea unui link către acesta în fișierul HTML. Care dintre următoarele metode este corectă?

Opțiunea 1:

Opțiunea 2:

Opțiunea 3:

Opțiune 4:

Ne putem caza cascade CSS direct în fișierul HTML?