Bună ziua.
Dar noi nu a considerat o întrebare foarte importantă. Și anume - cum de a lega stiluri CSS la codul HTML paginile site-ului nostru.
Această întrebare este de fapt foarte importantă. La urma urmei, dacă vom lega în mod corespunzător stiluri css la paginile site-ului nostru, nu vom putea folosi aceste stiluri. Browser-ul le va ignora pur și simplu și nu vom vedea rezultatul, care permite utilizarea diferitelor stiluri.
Ajustare CSS stiluri pentru paginile de cod sunt moduri diferite și astăzi noi le vor lua în considerare.
Prin natura legăturii Cascading stiluri CSS pentru document HTML distinge între foile interne și externe de stil.
1. foi de stil CSS interne.
foi de stil interne sunt amplasate direct în pagina noastră de web. Da, da. Doar în interiorul codul HTML al fiecărei pagini individuale.
Este cu siguranță un pic inconfortabil, dar încă aceasta este o posibilitate și nu pot să spun despre asta.
Deci, primul mod de a lega stiluri CSS la codul paginii - utilizarea tag , Aceasta se aplică întregului conținut al documentului HTML. S-ar putea fi orice număr, chiar dacă toate stilurile pentru întregul site. Dar este un pic greșit. Acest lucru va spune un pic mai mic atunci când consider foaia de stil extern.
Uneori, va trebui să se înregistreze css-stiluri în codul HTML.
Pentru acest afișaj banner corect (nu a ieși din limitele alocate, probabil, el are nevoie de un cadru, etc), uneori trebuie să-l lega la câteva css-instrucțiuni.
Dar a face cu schimbări în tabelul general, nici un sens de stil. Banner - un fenomen temporar. Astăzi este una, mâine alta. Deci, este mai ușor pentru el să prescrie stiluri direct în codul banner-ului.
Asta este, trebuie să includă stiluri CSS numai la un anumit element de pagină. Este foarte simplu - folosind atributul de stil.
Styles prescrise, astfel, acționează numai pe elementul în care sunt aranjate tag. În acest caz, numai acest alineat (etichetă
). Și nici un alt!
2. foi de stil externe.
Sub numele foilor de stil CSS externe sunt destinate a fi înregistrate nu este în corpul documentului HTML, dar într-un fișier special separat. Aceste fișiere au extensia .css
Deci, așa cum a promis, spune de ce este mai bine să utilizați o foaie de stil extern.
Faptul este că permite un pic mai repede pentru a încărca pagini de pe site. Să presupunem că o fracțiune de secundă, dar mai repede. Acest lucru reduce sarcina de pe site-ul dvs. și mai convenabil pentru vizitatorii dvs. - trebuie să aștepte pentru paginile să se încarce mai puțin.
De ce se întâmplă acest lucru.
Atașați fișiere CSS stylesheet la o pagină web în două moduri.
Prima metodă este cea mai comună - este de a utiliza tag-ul cu atribute: rel = tipul "stylesheet" = "text / css" href = "file stiley.css" pagină în codul de antet (etichetă
).Aceste exemple se atașează la pagina, stilurile CSS, prescrise în fișierul style.css. Acestea funcționează pe tot parcursul documentului.
Există un alt mod de a atașa foi de stil externe la documentul HTML. Această directivă utilizare @import. Acesta vă permite să importați conținut CSS-fișier în foaia de stil curentă.
Puteți utiliza place să adăugați câteva foi de stil la altul, și pentru a atașa un fișier foaie la un document HTML. În acest scop, este necesar să se înregistreze în tag-ul