Cum se introduce fișierul css în html

Limba de marcare hipertext (HTML) determină ce elemente sunt prezente pe pagina web. Limba de programare "Tabele de stil cascadă" (CSS) descrie modul în care ar trebui să pară aceste elemente. Fișierul CSS poate fi adăugat la HTML ca extern (CSS Adaugă ca fișier separat) sau o foaie de stil montat (CSS include fișier HTML). Aflați cum să introduceți în fișierul HTML CSS pentru a schimba designul site-ului.

Pași

Metoda 1 din 2:
Cum se instalează o masă de foaie de stil exterior
  1. Imagine intitulată Adăugați un fișier CSS la HTML Pasul 1
unu. Creați un fișier CSS. Pregătiți și salvați expansiunea fișierului CSS ".Css ».
  • Imagine intitulată Adăugați un fișier CSS la HTML Pasul 2
    2. Descărcați fișierul CSS la site.
  • Imagine intitulată Adăugați un fișier CSS la HTML Pasul 3
    3. Copiați adresa (adresa URL) a fișierului CSS. Adresa site-ului va arăta așa ceva: Site-ul tău.com / Stylesheet.Css.
  • Bunele practici este de a șterge de la adresa (adresa URL) a numelui principal de domeniu. Bazat pe aceasta, adresa http: // moisite.CSS / Implicit.CSS va fi redus la "/ css / implicit.Css ". Nu uitați să includeți slash-ul de plumb ("/"). Se numește calea relativă.
  • Imagine intitulată Adăugați un fișier CSS la HTML Pasul 4
    4. Introduceți link-ul la fișier. Găsirea în marcajele de fișiere HTML Creați un șir gol chiar deasupra lui. Introduceți în acest șir , Înlocuirea "ta...»În legătură în fișierul CSS.
  • Imagine intitulată Adăugați un fișier CSS la HTML Pasul 5
    cinci. Salvați fișierul HTML și descărcați-l pe site.
  • Imagine intitulată Adăugați un fișier CSS la HTML Pasul 6
    6. Asigurați-vă că totul arată pe site ca ar trebui să arate. În caz contrar, deschideți din nou fișierul HTML, găsiți erori și faceți modificări.
  • Metoda 2 din 2:
    Cum se introduce o foaie de stil intern
    unu. Creați o etichetă Deschideți fișierul HTML și găsiți eticheta . Adăugați mai multe șiruri goale peste el și introduceți următoarele:
     Tip ="Text / css">
    Imagine intitulată Adăugați un fișier CSS la HTML Pasul 7
    1. Imagine intitulată Adăugați un fișier CSS la HTML Pasul 8
      unu. Introduceți tot CSS între aceste două etichete.
    2. Imagine intitulată Adăugați un fișier CSS la HTML Pasul 9
      2. Salvați fișierul HTML (cu extensie .Html).
    3. Imagine intitulată Adăugați un fișier CSS în HTML Pasul 10
      3. Asigurați-vă că totul arată pe site ca ar trebui să arate. În caz contrar, faceți schimbările necesare.

    sfaturi

    • Verificați întotdeauna aspectul site-ului în diferite browsere și pe diferite sisteme de operare. Unele browsere sunt conectate la CSS puțin diferit. Se poate întâmpla chiar în același browser, dar pe diferite versiuni ale Mac și Windows. Dacă site-ul dvs. pare diferit într-un alt browser (de exemplu, diferența dintre unele obiecte, cum ar fi listele, are o dimensiune diferită), atunci problema este setările pentru acest browser. Găsiți tabelul Stille Master și introduceți-l în partea de sus a fișierului CSS pentru a modifica setările standard ale browserului. Acest lucru se face astfel încât setările dvs. să nu schimbe nimic în browserul însuși.
    • Introduceți tabelul extern al stilurilor dacă aveți o astfel de oportunitate. Acest lucru vă va permite să modificați aspectul site-ului prin modificarea codului în fișierul sursă. Deci, nu trebuie să schimbați CSS pe fiecare pagină a site-ului.
    • Dacă site-ul nu reacționează la CSS așa cum ați așteptat, verificați toate codarea pentru a vă asigura că este corect să scrieți. În special, acordați o atenție deosebită punctelor cu virgule (";") și paranteze de închidere ("}"). Fișierul CSS este destul de simplu pentru a sări peste unul dintre aceste personaje.
    • Salvați fișierul HTML pe computer pentru ao deschide în diverse browsere web și verificați-l înainte de încărcarea ulterioară. Dar pentru ao descărca, fișierul CSS trebuie introdus în HTML ca o foaie de stil extern de stiluri.
    • Dacă foaia de stil în sine contrazice - de exemplu, mai întâi se spune că textul va fi albastru, iar apoi va fi roșu - va fi întotdeauna ultima condiție. Dacă o echipă este o foaie de stil exterior, iar cealaltă este o masă interioară internă, activă.

    Avertizări

    • Nu utilizați setarea "deschisă" a CSS, adică CSS, care este inclusă în eticheta HTML. (Exemplu: "Align = Centrul" este o formulare CSS deschisă). Aceasta este o versiune depășită cu un design de sintaxă rău. După un timp, trebuie să actualizați site-ul, această producție va fi dificil de schimbat.
    Publicații similare