Ulkoiset tyylitaulukot ja upotetut CSS-tyylitaulukot
On joitain asioita, jotka tekevät ulkoisista tyylitaulukoista erilaisia ​​kuin upotetut tyylisivut.

Sulautetut tyylitaulukot
Edellisissä opetusohjelmissa näit esimerkkejä sulautetuista CSS-tyylisivuista ja opit, että upotetun tyylisivun CSS-peruskoodi alkaa ja päättyy tunnisteilla. Näiden tunnisteiden sisällä on CSS-koodi, joka koostuu jokaisesta valitsimesta / valitsimista ja vastaavista ominaisuus-arvopareista. Lopuksi upotettu tyyli sijoitetaan verkkosivusi yläosaan.

esimerkki



Ulkoiset tyylitaulukot
Ulkoiset tyyliarkit ovat hiukan erilaisia, koska niissä ei ole alku- ja lopetustunnisteita. Itse asiassa sinulla ei voi olla HTML-tunnisteita paitsi kommentit ja @import-käsky. Periaatteessa se on tekstitiedosto, joka sisältää vain CSS-koodin.

esimerkki
runko {taustaväri: #ffffff}

p {kirjasinkoko: 12pt; väri: # 000000; text-align: keskellä}

Voit nimetä ulkoisen tyylisivun mille tahansa haluamallesi, mutta on hyvä käytäntö antaa tiedostolle nimi, joka heijastaa CSS-koodin tarkoitusta. Esimerkiksi CSS-koodia, joka hallitsee verkkosivusi valikkolinkkien tyyliä, voidaan kutsua menu.css. Vaikka se on valinnainen, sinun tulisi käyttää .css-laajennusta ulkoisiin tyylitaulukoihisi.

Kun olet luonut ulkoiset tyylitaulukot, voit käyttää niitä millä tahansa verkkosivulla asettamalla joko tunnisteen tai @import-lausekkeen otsikko-osaan.





Video-Ohjeita: How to link CSS to HTML (Saattaa 2024).