XML è un linguaggio di programmazione che è semplicistico in natura. Il progettista del documento ha il controllo dei tag degli elementi. Quando arriva il momento di cambiare le informazioni su una pagina web, come un catalogo, il programmatore esperto utilizza un file XML per memorizzare i dati. Ciò consente di evitare la panoramica attraverso un mazzo di scripting per individuare le informazioni pagina. Se si desidera che i CSS per lucidare i dati XML, è possibile creare il CSS incorporando le istruzioni nel file XML. Se a capire le basi di CSS e XML programmazione, creando il CSS all'interno XML è facile.

istruzione

1 Crea il tuo file XML con un editor XML o un editor di testo standard, ad esempio Blocco note. Concentrati solo sulla struttura dei dati del file. Non preoccuparti per la dichiarazione XML a questo punto. Ad esempio, se si desidera creare un catalogo di libri, il file potrebbe essere simile a questo:

<Catalogo>

<author>Stephen King
<book> Carrie </book>
<book> Cujo </book>
</author>

</ Catalogo>

2 Salvare il file XML sul disco rigido. Questa è una misura di sicurezza. Salvare il lavoro frequentemente per evitare di perderlo. Clicca su "File" nella parte superiore dello schermo. Selezionare "Salva" dal menu File. Digitare un nome per il file nella finestra di dialogo Salva e premere il pulsante Salva.

3 Passare alla parte superiore del file per impostare la sezione CSS. Digitare la seguente dichiarazione:

<? Xml-stylesheet href = "#style" type = "text / css"?>

La prima sezione "<? Xml" dice al browser si tratta di un documento XML con un foglio di stile. Href è un tag di ricerca che spiega qualcosa deve essere situato. "#style" Indica un elemento incorporato. Se l'affermazione aveva alcun segno "#", per esempio "href =" style.css "il browser dovrebbe cercare un file separato. La dichiarazione spiega il linguaggio usato è CSS.

4 Inserisci il tuo codice CSS sotto l'istruzione di dichiarazione. In primo luogo dare il CSS un tag elemento.

<MyStyle>

Come per ogni elemento in XML, il nome del tag non importa. Potrebbe essere <formato> o <informazioni>. Scegliere un elemento che ha senso per te.

5 Aggiungere l'attributo id accanto al tag dell'elemento. L'ID deve corrispondere alla istruzione di dichiarazione. Href indica una ricerca di qualcosa. Nell'esempio, qualcosa è "#style." L'attributo id è stile.

<MyStyle id = "stile">

Non mettere il segno # nell'attributo perché non è parte del nome, ma un elemento di istruzioni. # Significa guardare all'interno del documento.

6 Digitare le informazioni di CSS sotto il tag elemento CSS e di fornire elementi di dati i nomi per il codice CSS per fare riferimento. Ad esempio, il nostro file ha un tag elemento <author>. Il CSS deve fare riferimento all'autore al fine di comprendere lo stile.

<MyStyle id = "stile">

author { display: inline }
book {display: block}

Questo dà le informazioni specifico browser su styling per ogni elemento.

7 Chiudere il tag dell'elemento. XML richiede che tutti gli elementi hanno un tag di chiusura. Nel nostro esempio, l'elemento è <MyStyle>. Aggiungere un tag di chiusura sotto le informazioni CSS.

<MyStyle id = "stile">

author { display: inline }
book {display: block}

</ MyStyle>

Il file finale si presenta così:

<? Xml-stylesheet href = "#style" type = "text / css"?>

<MyStyle id = "stile">

author { display: inline }
book {display: block}

</ MyStyle>

<Catalogo>

<author>Stephen King
<book> Carrie </book>
<book> Cujo </book>
</author>

</ Catalogo>