Jos olet perehtynyt CSS- tyylien HTML- sivuihin, arvostat muotoilun käsitettä. XML- merkintäkielen alkaessa tietojen näyttäminen oli hieman monimutkaista, mutta se muuttui tyyliarkeilla.
Lisäämällä tyyliarkin viittauksen voit muotoilla ja näyttää XML-koodisi verkkosivuksi. Ilman CSS: ää tai muuta muotoilua XML näkyy perustekstinä, jossa on virhe, joka ilmoittaa, että selain ei löytänyt muotoilutodistusta.
XML Styling -esimerkki
Yksinkertainen tyyliarkki vaatii vain, että luetat elementin ja muotoilun määritykset, joita tarvitaan tietojen näyttämiseen.
Tämä bittinen koodi kertoo prosessorille, mitkä elementit näytetään ja miten ne pitäisi näyttää verkkosivulta, kuten:
näyte {taustaväri: #ffffff; leveys: 100%;} mymessage {display: block; taustaväri: # 999999; margin-bottom: 30pt;} runko {font-size: 50%}Muotoilun tiedoston ensimmäinen rivi on juuriosa. Järjestelmän attribuutit koskevat koko sivua, mutta niitä muutetaan jokaiselle tagille. Tämä tarkoittaa, että voit määrittää sivun taustaväri ja sitten uudelleen jokaisen osion.
Tallenna tämä tiedosto samaan hakemistoon kuin XML-tiedosto, ja varmista, että sillä on .CSS-tiedostopääte.
Linkki CSS: ään XML: stä
Tässä vaiheessa nämä ovat kahta täysin erillistä asiakirjaa. Prosessorilla ei ole aavistustakaan, että haluat heidän toimivan yhdessä luoda verkkosivun .
Voit korjata tämän lisäämällä lauseen XML-asiakirjan yläosaan, joka tunnistaa CSS-tiedoston polun. Lausuma menee suoraan alkuperäiseen XML-julistustekstiin, kuten tämä:
Tässä esimerkissä CSS-tiedostoa kutsutaan products.css: ksi , minkä vuoksi se on merkitty sellaisenaan XML-dokumentissa. Muuta tämä tiedostolle, jonka valitsit CSS-tiedostolle.