Sadržaj

• Koraci
• Metoda 1 od 2: Kako postaviti vanjski stilski list
• Metoda 2 od 2: Kako umetnuti unutarnju tablicu stilova
• Savjeti
• Upozorenja

Jezik označavanja hiperteksta (HTML) određuje koji su elementi prisutni na web stranici. Programski jezik Cascading Style Sheets (CSS) opisuje kako bi ti elementi trebali izgledati.CSS datoteka može se dodati u HTML kao vanjska (CSS se dodaje kao zasebna datoteka) ili kao unutarnja tablica stilova (CSS je uključen u HTML datoteku). Saznajte kako ugraditi CSS u HTML datoteku za redizajn vaše web stranice.

Koraci

Metoda 1 od 2: Kako postaviti vanjski stilski list

1. 1 Napravite CSS datoteku. Pripremite i spremite CSS datoteku s nastavkom ".css".
2. 2 Prenesite CSS datoteku na svoju web lokaciju.
3. 3 Kopirajte adresu (URL) CSS datoteke. Adresa web stranice izgledat će otprilike ovako: www.vaša web stranica/stylesheet.css.
   • Dobra je praksa ukloniti primarni naziv domene s URL -a. Na temelju ovoga adresa http: //myisite.com/css/default.css bit će skraćena na "/css/default.css". Ne zaboravite uključiti kosu crtu ("/"). Zove se relativni put.
4. 4 Umetnite vezu u datoteku. Pronađite oznaku / head> u svojoj HTML datoteci i stvorite prazan redak točno iznad nje. Zalijepite u taj redak LINK rel = stylesheet type = "text / css" href = "www.your_site.com / stylesheet.css">, zamjenjujući "www.your ..." s vezom u CSS datoteci.
5. 5 Spremite HTML datoteku i prenesite je na web mjesto.
6. 6 Pobrinite se da sve na web mjestu izgleda onako kako bi trebalo. U suprotnom, ponovno otvorite HTML datoteku, potražite pogreške i unesite promjene.

Metoda 2 od 2: Kako umetnuti unutarnju tablicu stilova

1. 1 Izradite stil oznake>. Otvorite HTML datoteku i pronađite oznaku / head>. Dodajte nekoliko praznih redaka iznad njega i unesite sljedeće:

STIL tip = "text / css"> / STIL>

1. 1 Zalijepite sav svoj CSS između ove dvije oznake.
2. 2 Spremite HTML datoteku (s nastavkom .html).
3. 3 Pobrinite se da sve na web mjestu izgleda onako kako bi trebalo. U protivnom unesite željene izmjene.

Savjeti

• Uvijek provjerite izgled web mjesta u različitim preglednicima i na različitim operativnim sustavima. Neki se preglednici povezuju s CSS -om na malo drugačije načine. To se čak može dogoditi u istom pregledniku, ali na različitim verzijama Mac i Windows. Ako vaša web lokacija izgleda drugačije u drugom pregledniku (na primjer, razmak između nekih objekata, poput popisa, različite je veličine), problem je u postavkama preglednika. Pronađite glavnu tablicu stilova i zalijepite je na vrh CSS datoteke da biste promijenili zadane postavke preglednika. To je učinjeno tako da vaše postavke ne mijenjaju ništa u samom pregledniku.
• Umetnite vanjski stilski list ako možete. To će vam omogućiti da promijenite izgled web mjesta izmjenom koda u izvornoj datoteci. Na ovaj način ne morate mijenjati CSS na svakoj stranici svoje web stranice.
• Ako vaša web lokacija ne reagira na CSS onako kako očekujete, provjerite cijelo kodiranje kako biste bili sigurni da je ispravno napisano. Posebno obratite pozornost na točku -zarez (";") i završne zagrade ("}"). Prilično je jednostavno izostaviti jedan od ovih znakova u CSS datoteci.
• Spremite HTML datoteku na računalo kako biste je kasnije mogli otvoriti u raznim web preglednicima i dvaput provjeriti njen izgled prije nego što je dalje preuzmete. No, da biste ga učitali, CSS datoteku morate umetnuti u HTML kao vanjsku tablicu stilova.
• Ako je stilska tablica kontradiktorna - na primjer, prvo kaže da će tekst biti plave boje, a zatim da će biti crvene - zadnji uvjet će uvijek biti ispunjen. Ako je jedna naredba vanjska stilska tablica, a druga unutarnja, ona će biti aktivna.

Upozorenja

• Nemojte koristiti "otvoreni" inscenirajući CSS, odnosno CSS koji je uključen u HTML oznaku. (Primjer: "align = 'center'" je otvorena CSS postavka). Ovo je zastarjela opcija s lošom sintaksom. Ako nakon nekog vremena morate ažurirati web mjesto, ovu postavku bit će teško promijeniti.