CSS, joka vaikuttaa vain nykyiseen asiakirjaan
Mitä ovat sisäiset tyyliarkit
Sisäiset tyyliarkit ovat tyylejä, jotka on sijoitettu HTML- dokumenttiin. Nämä tyylit vaikuttavat vain siihen asiakirjaan, jota ei voi viitata mihinkään muuhun Web-asiakirjaan.
Sisäisten tyyliarkkien edut
- Sisäiset tyyliarkit vaikuttavat vain siihen sivuun, johon ne ovat.
- Jos työskentelet suurella sivustolla ja haluat testata tyylejä ennen kuin lataat ne sivustolle kokonaisuudessaan, sisäiset tyyliarkit voivat olla erinomainen työkalu. Niiden avulla voit testata tyylejä koko sivuston yhteydessä rikkomatta mitään sivua, mutta mitä testaat.
- Sisäiset tyyliarkit voivat käyttää luokkia ja tunnuksia.
- Toisin kuin inline-tyylit, sisäiset tyyliarkit voivat silti hyödyntää luokkia, tunnuksia, sisaruksia ja muita elementtisuhteita.
- Sisäisten tyyliarkkien ei tarvitse lähettää useita tiedostoja.
- Tämä on erityisen hyödyllistä, kun työskentelet esimerkiksi sähköposteihin tai kioskeihin, joissa on vain yksi muokattavissa oleva HTML-tiedosto. Käytän usein inline-tyylejä, kun en ole varma siitä, mikä URL-osoite olisi tyylitiedosto, joka on ladattu CMS-muotoon. - Tyylit säilytetään asiakirjan avulla. Tiedän, mitkä tyylit vaikuttavat tähän asiakirjaan.
- Sisäisissä tyyleissä voi olla suurempi etuoikeus kuin ulkoiset tyylisivut.
- Tämä määräytyy sen mukaan, että ulkoiset tyyliarkit on ladattu. Sivun Web-kehittäjällä on valta, missä sisäiset tyylejä asetetaan asiakirjan päähän. Jos ne sijoitetaan linkin jälkeen ulkoisiin tyyleihin , niillä on suurempi etusija kaskadissa ja ylittävät ulkoisen tyyliarkin.
Sisäisten tyyliarkkien haitat
- Ne vaikuttavat vain sivulle, johon ne ovat.
- Jos haluat käyttää samoja tyylejä useissa asiakirjoissa, sinun on toistettava ne jokaiselle sivulle (tai linkki ulkoiseen tyyliarkiin ).
- Sisäiset tyyliarkit lisäävät sivun latausaikoja.
- Jokaisella sivulla, jolla on sisäinen tyyliarkki, on ladattava ja analysoitava tyylitietojen tiedot aina, kun sivu ladataan. Selaimet tallentavat ulkoiset tyyliarkit - mikä parantaa jokaisen sivun latausaikoja ensimmäisen lataamisen jälkeen.
Miten kirjoittaa sisäinen tyyliarkki
elementti:
- Avaa HTML-dokumentti Web-editoriin .
- Lisää seuraava
Täydellinen sisäinen tyyliarkki näyttää tältä: