Ulkoinen CSS-määritelmä ja miten linkittää yhteen
Kun web-selain lataa verkkosivun, tapa, jolla se näkyy, määräytyy CSS-tyylitiedoston tietojen perusteella. HTML-tiedostossa on kolme tapaa käyttää tyyliarkkia: ulkoisesti, sisäisesti ja in-line-muodossa.
Sisäiset ja sisäiset tyyliarkit tallennetaan itse HTML-tiedostoon. Niitä on helppo työskennellä tällä hetkellä, mutta koska niitä ei ole tallennettu keskeiseen sijaintiin, on mahdotonta tehdä muutoksia muotoiluun koko verkkosivustossa kerralla; sinun on kuitenkin palattava jokaiseen merkintään ja vaihdettava se manuaalisesti.
Ulkoisen tyyliarkin avulla sivun esittämisen ohjeet tallennetaan yhteen tiedostoon, mikä tekee siitä tyylikkään muotoilun helposti koko sivuston tai useiden elementtien kautta. Tiedosto käyttää .CSS-tiedostopääteä, ja HTML-dokumenttiin sisältyy linkki kyseisen tiedoston sijaintiin niin, että selaimessa tiedetään, mistä etsiä muotoiluohjeita.
Yksi tai useampi asiakirja voi linkittää samaan CSS-tiedostoon, ja verkkosivustolla voi olla useita ainutlaatuisia CSS-tiedostoja eri sivujen, taulukoiden, kuvien jne. Muotoiluun.
Kuinka linkittää ulkoiseen tyyliin
Jokainen web-sivu, joka haluaa käyttää tietyn ulkoisen tyyliarkin, on linkittävä CSS-tiedostoon -osiossa, aivan kuten:
Tässä esimerkissä ainoa asia, joka on muutettava, jotta se koskisi omaa asiakirjaasi, on styles.css- teksti. Tämä on CSS-tiedoston sijainti.
Jos tiedosto todella kutsutaan styles.css: ksi ja se sijaitsee täsmälleen samassa kansiossa kuin siihen liittyvä asiakirja, se voi pysyä täsmälleen siinä muodossa kuin se lukee edellä. On kuitenkin mahdollista, että CSS-tiedostosi on nimetty jotain muuta, jolloin voit vain muuttaa nimeä "tyyleistä" mihin tahansa sinun on.
Jos CSS-tiedosto ei ole tämän kansion juuressa, vaan sen sijaan alikansioon, se saattaa lukea jotain tällaista sijaan:
Lisätietoja ulkoisista CSS-tiedostoista
Ulkoisten tyyliarkkien suurin etu on se, että niitä ei ole sidottu mihinkään tiettyyn sivuun. Jos muotoilu suoritetaan sisäisesti tai verkossa, sivuston muilla sivuilla ei voi viitata kyseisiin muotoiluasetuksiin.
Ulkopuolisella tyylillä on kuitenkin sama CSS-tiedosto, jota voidaan käyttää kirjaimellisesti jokaiselle sivulle verkkosivustolla, jotta kaikilla on yhtenäinen ulkoasu ja koko sivuston CSS-sisällön muokkaaminen on erittäin helppoa ja keskitettyä.
Näet miten se toimii alla ...
Sisäinen muoto vaatii