Kas yra išorinis stiliaus lapas?

Išorinis stiliaus lapas apibrėžia, kaip atrodo tinklalapis. Stiliaus lape galite nurodyti tokius dalykus kaip teksto dydis, spalva ir šriftas, mygtukų spalva arba meniu ir šoninių juostų padėtis.

Kodas, naudojamas išoriniame stiliaus lape

Pagrindiniam tinklalapiui sukurti naudojami dviejų tipų kodai:

• „HyperText“ žymėjimo kalba (HTML): Apibrėžia tinklalapio turinį. Jame yra tikrasis tekstas su antkainiu, nurodančiu, ar teksto skiltys yra pastraipos, antraštės ar sąrašai. Jame taip pat yra nuorodų į paveikslėlius, kurie rodomi puslapyje, ir hipersaitų į išorinius puslapius.
• Kaskados stiliaus lapai (CSS): Kodavimo kalba, naudojama nurodyti, kaip rodomas turinys. Jis apibrėžia, kaip rodomi kiekvieno tipo tekstiniai elementai, ir gali skirtingai rodyti to paties tipo elementus, jei jie priklauso skirtingoms klasėms arba turi skirtingą ID. Tai leidžia tokiems dalykams kaip meniu ir sąrašai elgtis labai skirtingai pagrindiniame tinklalapio tekste.

Apskritai, stiliaus atskyrimas nuo turinio yra gera idėja, nes tai leidžia vienu metu sutelkti dėmesį į vieną dalyką. Tai tampa dar svarbiau komandoje, leidžiant turinio ir pateikimo specialistams dirbti nepriklausomai nuo kitų. Galbūt dar svarbiau, kad ji taip pat leidžia vienodai pritaikyti vieną stiliaus instrukcijų rinkinį visoje svetainėje.

Tuomet vizualinį svetainės pateikimą galima pakeisti iš vieno stiliaus lapo, neredaguojant kiekvieno tinklalapio atskirai. Didesnėse sudėtingose ​​svetainėse teksto, meniu ir padalijimo puslapiuose valdymui gali būti naudojami keli stiliaus lapai. Ši stiliaus lapų kolekcija gali būti vadinama tema.

Išorinio CSS naudojimas norint susieti HTML su CSS

CSS stilių galima įtraukti tiesiai į tinklalapio HTML, naudojant CSS, kad kiekviena pastraipa ir antraštė taptų atskirai. Šio tipo įterptinis stilius paprastai nėra gera idėja, nes jūs prarandate visus stiliaus ir turinio atskyrimo pranašumus. Svarbiausia, kad prarandate galimybę nuosekliai atnaujinti visą savo svetainę iš vieno failo.

Teisingas būdas pritaikyti stilių svetainėje yra sukurti vieną išorinio stiliaus lapo failą kiekvienam norimo taikyti stiliaus tipui, tada nurodyti šiuos failus iš kiekvieno HTML failo. Pvz., Galite turėti šiuos išorinius stiliaus lapus:

• tekstas.css
• meniu.css
• išdėstymas.css

Tuose išorės stiliaus lapuose galite keisti CSS kodą, nekeisdami jų failų pavadinimai, ty nuorodos į tuos failus, visų jūsų tinklalapių HTML nebus pasikeitė.

HTML ir CSS pavyzdžiai

Labai paprastame HTML puslapyje gali būti šis kodas:

 Viskas apie mane!

Šis puslapis apie mane ir kodėl aš nuostabus.

Paprastą išorinio stiliaus lapą galima susieti su šiuo puslapiu, po kodu pridedant šį kodą.

type = "text / css"
href = "myStyle.css" />

Sukurkite kitą teksto failą pavadinimu myStyle.css, esantį tame pačiame aplanke kaip index.html, kuriame yra šis kodas:

h1 {
spalva: # FF7643;
„font-face“: „Arial“
}
p {
spalva: raudona;
šrifto dydis: 1.5em;
}