Kako umetnuti CSS datoteku u HTML: 10 koraka

Jezik za označavanje hiperteksta (HTML) određuje koje su stavke prisutne na web stranici. Programski jezik "Cascade Style Tablice" (CSS) opisuje kako bi ovi elementi trebali izgledati. CSS datoteka može se dodati u HTML kao vanjski (CSS dodajte kao zasebnu datoteku) ili ugradni stil (CSS uključuje HTML datoteku). Naučite kako umetnuti u HTML datoteku CSS za promjenu dizajna web lokacije.

Korake

Metoda 1 od 2:

Kako instalirati tablicu lima za vanjski stil

jedan. Kreirajte CSS datoteku. Pripremite i sačuvajte proširenje CSS datoteke ".CSS ".

Image Naslijed dodajte CSS datoteku na HTML korak 2

2. Preuzmite CSS datoteku na web mjesto.

Image Naslijed Dodajte CSS datoteku na HTML Korak 3

3. Kopirajte adresu (URL) CSS datoteke. Adresa web lokacije izgledat će ovako: Vaš stranica.COM / Stylesheet.CSS.

Dobra praksa je izbrisati sa adrese (URL) glavnog imena domene. Na osnovu toga, adresa http: // moisite.CSS / Default.CSS će biti smanjen na "/ CSS / zadane vrijednosti.CSS ". Ne zaboravite uključiti olovni kosač ("/ /"). Zove se relativni put.

Image Naslijed Dodajte CSS datoteku na HTML korak 4

4. Umetnite vezu na datoteku. Pronađite u HTML datoteci označavanja Kreirajte prazan niz iznad njega. Ubacite u ovaj niz , Zamjena "tvoje...»Na linku u CSS datoteci.

Image Naslijed dodajte CSS datoteku na HTML korak 5

pet. Spremite HTML datoteku i preuzmite ga na web mjesto.

Image Naslovnica Dodajte CSS datoteku na HTML Korak 6

6. Obavezno izgleda da sve izgleda na mestu kao što bi trebalo da izgleda. U suprotnom, ponovo otvorite HTML datoteku, pronađite pogreške i izvršite promjene.

Metoda 2 od 2:

Kako umetnuti list internog stila

jedan. Kreirajte naljepnicu Otvorite HTML datoteku i pronađite naljepnicu . Dodajte nekoliko praznih nizova preko njega i unesite sljedeće:

 Tip ="Tekst / CSS">

Image Naslijed Dodajte CSS datoteku na HTML korak 7

jedan. Umetnite sve svoje CSS između ove dvije etikete.
2. Spremite HTML datoteku (sa produžetkom .Html).
3. Obavezno izgleda da sve izgleda na mestu kao što bi trebalo da izgleda. U suprotnom, napravite potrebne promjene.

Savjeti

Uvijek provjerite izgled stranice u različitim pretraživačima i na različitim operativnim sistemima. Neki preglednici su već malo povezani sa CSS-om. Može se dogoditi čak i u istom pretraživaču, ali na različitim verzijama Mac-a i prozora. Ako vaša web lokacija izgleda drugačije u drugom pretraživaču (na primjer, jaz između nekih objekata, poput popisa, ima različitu veličinu), tada je problem postavke za ovaj pretraživač. Pronađite tablicu glavnih stilova i umetnite ga na vrh datoteke CSS da biste promijenili standardne postavke pretraživača. To se učini tako da vaše postavke ne mijenjaju ništa u samom pretraživaču.
Umetnite vanjsku tablicu stilova ako imate takvu priliku. To će vam omogućiti da promijenite izgled stranice promjenom koda u izvornom datoteku. Dakle, ne morate mijenjati CSS na svakoj stranici stranice.
Ako web mjesto ne reagira na CSS-a, kao što ste očekivali, ponovo provjerite sav kodiranje kako biste bili sigurni da je pravilno pisanje. Posebno obratite posebnu pažnju na bodove sa zarezima (";") i zagradnicima ("}"). CSS datoteka je sasvim jednostavna za preskakanje jednog od ovih znakova.
Spremite HTML datoteku na računar da biste ga otvorili u različitim web pretraživačima i dvaput provjerite prije daljnjeg opterećenja. Ali da biste ga preuzeli, CSS datoteka mora biti umetnuta u HTML kao vanjski stil stilova.
Ako je sama stil kontradiktira - na primjer, prvo piše da će tekst biti plav, a onda će biti crveni - uvijek će biti posljednji uvjet. Ako je jedan tim vanjski stil, a drugi je unutarnji, aktivni unutrašnji tablica.

Upozorenja

Ne koristite "otvoreni" postavku CSS-a, odnosno CSS, koji je uključen u HTML etiketu. (Primjer: "Poravnajte = `centar`" je otvorena CSS formulacija). Ovo je zastarjela verzija sa lošim sintaksom dizajna. Ako nakon nekog vremena morate ažurirati web mjesto, ova će se proizvodnja biti teško promijeniti.