Deci, vom continua lecții html pentru începători. În ultima lecție, am vorbit despre ce este un DOCTYPE. eticheta HEAD și cum să setați codificarea paginii HTML, precum și să specificați cuvintele cheie și descrierea acesteia. Ce vom învăța astăzi? În această lecție, învățăm cum să conectăm stilurile la un șablon. Citiți mai multe.
Cum se conectează stilurile în șablon? Mai întâi aflăm despre ce stiluri CSS sunt. Stilurile CSS sunt un instrument pentru crearea paginilor WEB scrise folosind limbile de marcare HTML, XHTML și XML. Acestea pot fi specificate, ca și în documentul HTML. și se conectează din exterior, adică descrie într-un fișier separat. Propun să ia în considerare atât prima, cât și a doua metodă. Practic, toate paginile web și site-urile web folosesc stiluri de design CSS.
1. Modul de conectare a stilurilor CSS - în interiorul unui document HTML sau conectarea stilurilor interne.
Dacă stilurile nu sunt specificate într-un fișier separat, atunci trebuie să le specificați în documentul din interiorul etichetei. Un exemplu de conectare a stilurilor css în interiorul unui document:
Stilurile care sunt conectate în acest fel se aplică în întregul document. dar ce dacă trebuie doar să le specificați pentru un singur bloc? Descrieți stilurile dintr-un anumit bloc (etichetă) utilizând atributul acestui stil de etichete. Un exemplu de conectare a stilurilor pentru o singură etichetă:
Stilurile descrise în acest mod nu afectează alte etichete pentru documente.
2. O metodă care vă permite să atașați stiluri dintr-un alt fișier sau să conectați stiluri externe la piele.
Dacă aveți stiluri într-un fișier separat, atunci acestea trebuie să fie conectate cu o linie specială. Pentru a specifica stiluri pentru întregul document HTML, vom folosi eticheta. care ar trebui să fie amplasat în interiorul etichetei. despre care am vorbit în a doua lecție. Un exemplu de astfel de conexiune este:
Calea spre fișierul care conține stilurile este specificată în această parte a etichetei: href = "style.css" în ghilimele. În exemplu, este atașată o foaie de stil, care se află în același director ca și documentul HTML.
De asemenea, puteți conecta stilurile externe într-un alt mod - o directivă specială @import, care este inclusă în etichetă. Exemplu de conectare utilizând directiva @import:
Foaia de stil este css. sau mai degrabă calea către aceasta, în această metodă este indicată în paranteze.
Conexiunile de stil descrise în a doua metodă trebuie să fie localizate în mod necesar între etichete.
Dacă trebuie să includeți foi de stil CSS pentru un document XML, trebuie să utilizați următoarea linie:
În această metodă de conectare, calea către fișierul cu stiluri este specificată în ghilimele.
Pentru ziua de azi, lecția sa terminat! Impunerea cu succes și noile cunoștințe!
Vrei să mergi în Europa? Aveți nevoie de un pașaport.
Trimiteți-le prietenilor: