Există trei modalități principale de a conecta CSS. acum considerăm în ordine.
Așa cum am spus mai înainte, css proiectat pentru a desena un design HTML, care este de a le da aspectul, culoarea, dimensiunea, locația, și așa mai departe, și afectează astfel în mod direct codul HTML.
Pentru a asigura acest efect, vă conectați la documentul css html.
Primul mod de a conecta css - stiluri de fugacitate. Acesta este utilizat atunci când foaia de stil este scris într-un fișier separat.
În acest caz, fișierul style.css foaie de stil este conectat la fișierul HTML în tag-ul cap, folosind tag-ul link-ul
link-ul - este o singură etichetă;
referințe de atribute familiare pentru noi, css / stile.css - - href valoarea indică calea fișierului și numele fișierului;
tip - atributul care indică tipul elementului plug-in, în acest caz text / css;
rel - atribut definitoriu relație, iar valoarea sa este în mod tipic scris stylesheet (stylesheet);
Acest cod de obicei, doar modifică valoarea style.css (numele tabelului plug-in). Tabelele sunt conectate.
Acum, browser-ul va afișa fișierul HTML într-o formă care va fi înregistrată în fișierul style.css pentru el.
Apropo, pentru viitor. Pentru un fișier HTML, puteți conecta orice număr de foi de stil. Toate acestea sunt conectate la capul tag-ul.
Și care se aplică mai des, dimpotrivă, un singur tabel poate fi conectat la o multitudine de fișiere HTML.
Acesta este modul preferat de a conecta foile de stil, astfel încât acestea sunt toate într-un singur fișier, și, prin urmare, mai ușor de determinat.
Și, de asemenea, dacă trebuie să modificați stilul unui număr de elemente similare, este mult mai ușor de a face acest lucru, dacă acestea sunt într-un selector de grup.
Deși ceea ce spun următoare, nu se mai face referire la optimizarea, dar este și mai sublinia importanța metodei descrise mai sus.
Faptul că una dintre sarcinile webmasteri este de a reduce volumul de cod, fără a schimba rezultatul final, și un fișier separat style.css satisface cel mai bine această cerință.
Imaginați-vă, pentru a scrie titlul articolului, trebuie să-l întreb dimensiunea, culoarea, fontul, și, probabil, ceva mai mult de stiluri. Și astfel pentru fiecare post.
Fișierul style.css, puteți seta stilul de o dată, dar pentru toate titlurile site-ul blogului.
Acum știi diferența?
Cu toate acestea, alte metode de stiluri de conectare au locul lor, așa că să ne uităm la ele, precum și situațiile în care acestea sunt aplicate.
A doua modalitate de a conecta stiluri globale css- vă permite să conectați (de poziționare) stylesheet direct în fișierul HTML.
Acest lucru se face folosind eticheta de stil. și înregistrează ca la fel ca și în primul caz în cap tag-ul.
După cum puteți vedea, foaia de stil este situat direct în fișierul HTML. Toate acestea funcționează la fel ca și prima metodă de conectare, dar este folosit mai rar, din cauza caracterului voluminos, și cel mai important, din cauza incapacității de a influența stiluri în mai multe fișiere.
Este mult mai ușor de depanare, documente, în cazul în care și HTML și CSS sunt pe aceeași pagină, și pot fi corectate rapid și apoi, și mai mult.
Al treilea mod de a conecta css - permite stiluri inline să prescrie stiluri doar în interiorul tag-ul html.
Acesta este realizat prin utilizarea atributului de stil. care nu trebuie confundat cu aceeași etichetă.
Aplica-l când trebuie să emită doar un singur element de conținut.
De exemplu, să ia o bucată de text, și să definească stiluri de el, concluzionând într-un interval de etichetă
Așa cum puteți face proiectarea unui singur fragment de text. Și aceasta este o modalitate mai bună de a aplica numai pentru astfel de incluziuni mici.
Deși, astfel încât să puteți conecta orice stiluri, inclusiv de poziționare, iar codul va fi valabil, dar utilizarea excesivă a built-in stiluri, duce la o creștere a timpului de încărcare a paginii.
După browser-ul pentru a le defini în fișierul style.css. și apoi merge la pagina, este necesar să se definească sau redefini proiectarea anumitor elemente.
Nu aveți încă întrebări? cere
- Ieri, o lungă perioadă de timp încercând să explice bunica, eu lucrez ca programator ...
Pe scurt, au fost de acord ca televizoarele chinyu si rasa soareci ...
Ura! Inteles. Dacă cineva se trezește același inconvenient. În general, am tot lucrat atunci când am început să încerc să fac un site pe php. site-ul web dinamic. Apoi am creat un dosar stiluri css. Pentru a pune stylesheet style.css. Conectați-l link rel = »stylesheet» type = »text / css» href = »css / style.css» / home site numit index.php
Eroare care spune că nu pot vedea. Dar, ca stilurile nu funcționează, browser-ul nu poate găsi fișierul syle.scc. Undeva există o eroare minoră. Aș dori să văd întregul director. Cel mai probabil, o nouă perspectivă, aș fi văzut. Încearcă să mă arunce pe [email protected] Meil. sau skype webded1, director dosar. O să văd.
Yuri Nikolaevici spune:
Poate știi de ce eu nu lucrez stiluri?
Dacă le-am conecta la (cap de cap) html - cum ar fi acel tip style = »text / css» -
totul funcționează. Dacă stau stiluri într-un fișier separat style.css (conectați ca: link rel = »stylesheet» type = »text / css» href = »style.css»), iar fișierul este în același loc și fișierul index.html, prea funcționează pe toate chiu.
Am înțeles că aici href = »style.css» calea prescrisă la fișierul css. De exemplu, am creat un dosar css și sa mutat înapoi stylesheet, acesta este modul în care: href = »css / style.css». SO nu mai funcționeze. (Link rel = »stylesheet» type = »text / css» href = »css / style.css») Unde este greseala mea? Spune-mi dacă știi te rog. Se așteaptă un răspuns.
E interesant. De obicei, ce fel de atribut în valoare de înainte, iar unele mai târziu, nimic nu sa schimbat, browser-ul le va lua în continuare în considerare. Și validatorul nu produce erori. Dar se va lua în considerare. Mulțumesc.
Yuri Nikolaevici spune:
A fost atât de
link href = »css / style.css» type = »text / css» rel = »Stylesheet»
a fost așa
link rel = »stylesheet» type = »text / css» href = »style.css»
Yuri Nikolaevici spune:
Aici este o greșeală de scriere mică.
Prima modalitate - stiluri asemanatoare.
Linia este evidențiată
În această formă, nu vreau să lucrez.
Dar, în această formă a mers.