Cum de a conecta stiluri css în html

Astăzi vă va spune cum să se conecteze în mod corespunzător stilurile css în documentul HTML sau pe o altă pagină web.

Există mai multe moduri de a conecta stiluri css la site-ul, dar ne vom uita la trei dintre ele astăzi. Aceasta este tehnicile cele mai loiali si destul de simplu de la toate cele existente.

Lăsați-i să se uite la tine chiar acum în detaliu.

Conectați stiluri css pe site! - trei moduri corecte!

În primul rând avem nevoie pentru a crea orice document HTML la exemplul pentru el să se conecteze stiluri css. Hai să o facem. Aici este o pagină HTML nepretențios exemplu:

Acum, să se conecteze stilurile primei metode, care este cel mai potrivit pentru înregistrarea locală a unei secțiuni separate, pe pagina web:

Aici suntem cu voi ați selectat textul în galben. Dar, dacă aveți nevoie pentru a conecta stiluri css la întreaga pagină web, atunci această metodă nu va funcționa. Mai degrabă se va potrivi, dar nu este convenabil să se înregistreze pe fiecare linie a acestor stiluri. Să ne uităm la un mod mai convenabil de a conecta stiluri css la întreaga pagină Web.

Acest lucru ne va ajuta la a doua cale, care se va conecta stiluri css la întreaga pagină:

Acum, întregul text, care ar fi etichetarea

devine galben, care este, este stilurile css pe care le-ați conectat la pagina web. Convenabil, nu-i așa?!

Dar, dacă aveți mai mult de o pagină web, și există mai multe, și tot ce trebuie să conectați aceleași stiluri css?

Apoi am ajuns la ajutorul unei a treia cale. El ne va permite să se conecteze stilurile CSS pentru toate paginile web. Cum de a face acest lucru? Este destul de simplu. La rândul următor a pus această pagină web: .

Acest lucru ne sunt conectate toate stilurile la paginile noastre web pe care le avem și cu atât mai mult avem nevoie pentru a crea un fișier separat, cu stiluri si va fi numit styles.css. Și acolo prescrie stilurile noastre pentru toate paginile site-ului nostru.

Acum, toate stilurile noastre se vor aplica tuturor paginilor pe care le avem!

Și dacă doriți să învățați cum să facă un buton pe site-ul HTML, apoi uita-te aici!

Daca ti-a placut materialul vă rugăm să faceți următoarele ...

Vă mulțumesc pentru atenție!