Hoe brûke XML mei CSS

As jo ​​fertroud binne hoe't CSS HTML- siden stelt, sille jo it begryp fan formatting wurdearje. By it begjin fan 'e XML- markearring-taal, it werjaan fan gegevens wie in bytsje yngewikkeld, mar dat feroare mei stylblêden.

As jo ​​in stylblêdt referinsje taheakje, kinne jo jo XML-koade as in webside ynformearje en sjen litte. Sûnder CSS of in oar oare formaat, ferskynt XML as basiskriem mei in flater dat seit dat de browser gjin formatting dokumint fûn.

XML Styling foarbyld

In ienfâldige stylblêd fereaske allinich dat jo it elemint listje en de attributen fan formatting nedich om de gegevens te sjen.

Dit bit fan code fertelt de prosessor dy't eleminten sjen litte en hoe't se op 'e webside sykje sille, sa as dit:

sample {background-color: #ffffff; width: 100%;} mymessage {display: block; background-color: # 999999; margin-bottom: 30pt;} body {font-size: 50%}

De earste rigel fan de formatting-bestân is it root-elemint. De attributen foar it root tapasse op 'e folsleine side, mar jo feroarje foar elke tag. Dit betsjut dat jo de eftergrûn foar de side oantsjutte kinne en dan wer foar elke diel.

Bewarje dizze triem yn deselde map as jo XML-triem, en meitsje derfoar dat it de .CSS-triem útwreide hat.

Link nei it CSS Ut de XML

Op dit punt binne dit twa seldsume dokuminten. De processor hat gjin idee dat jo wolle dat se gearwurkje om in webstee te meitsjen .

Jo kinne dit beheine troch in oanfolling oan 'e boppekant fan it XML dokumint te meitsjen dy't de paad nei it CSS-bestân identifisearret. De ferklearring giet direkteur ûnder de earste deklaraasje fan 'e XML-deklaraasje, lykas dit:

Yn dit foarbyld is it CSS-bestân hjitte produkten.css , wêrtroch't it sa label yn it XML-dokumint markearre is. Feroarje dat mei elke triemnamme dy jo keazen hawwe foar it CSS-bestân.