Cómo crear un archivo CSS en XML

XML es un lenguaje de programación que es simplista en la naturaleza. El diseñador de documentos tiene el control sobre las etiquetas de los elementos. Cuando llegue el momento de cambiar la información en una página web como un catálogo, el programador inteligente utiliza un archivo XML para almacenar los datos. Esto le permite evitar la panorámica a través de un montón de secuencias de comandos para localizar la información de su página. Si desea CSS para pulir sus datos XML, puede crear el CSS mediante la incorporación de las instrucciones en el archivo XML. Si usted entiende los fundamentos de la programación CSS y XML, la creación de la CSS dentro XML es fácil.

Instrucciones

1 Cree el archivo XML con un editor XML o un editor de texto estándar, como el Bloc de notas. Concentrarse sólo en la estructura de datos del archivo. No se preocupe por la declaración XML en este punto. Por ejemplo, si desea crear un catálogo de libros, el archivo podría tener este aspecto:

<Catálogo>

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

</ Catálogo>

2 Guarde el archivo XML en el disco duro. Esta es una medida de seguridad. Guarde su trabajo con frecuencia para evitar perderlo. Haga clic en "Archivo" en la parte superior de la pantalla. Seleccione "Guardar" en el menú Archivo. Escriba un nombre para el archivo en el cuadro de diálogo Guardar y pulse el botón de guardar.

3 Pasar a la parte superior del archivo para configurar la sección de CSS. Escribir la siguiente declaración:

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

La primera sección "<? Xml" le dice al navegador que esto es un documento XML con una hoja de estilo. Href es una etiqueta de búsqueda que explica algo necesita ser colocada. "#style" Indica un elemento incrustado. Si la declaración no tenía ningún signo "#", por ejemplo "href =" style.css "el navegador sería buscar un archivo separado. El comunicado explica el lenguaje utilizado es CSS.

4 Escribir en su CSS bajo la instrucción de declaración. En primer lugar dar el CSS de un elemento de etiqueta.

<MyStyle>

Al igual que con cualquier elemento en XML, el nombre de la etiqueta no importa. Podría ser <formato> o <información>. Elija un elemento que tenga sentido para usted.

5 Añadir el atributo id al lado de la etiqueta del elemento. La identificación debe coincidir con el establecimiento de declaraciones. Href indica una búsqueda de algo. En el ejemplo, es algo "#style." El atributo id es el estilo.

<MyStyle id = "estilo">

Usted no pone el signo # en el atributo porque no es parte del nombre sino un elemento de la instrucción. # Significa mirar dentro del documento.

6 Escriba su información CSS bajo la etiqueta de elemento CSS y proporcionar elementos de datos nombres para el código CSS para hacer referencia. Por ejemplo, nuestro archivo tiene una etiqueta de elemento de <autor>. El CSS debe hacer referencia al autor con el fin de entender el estilo.

<MyStyle id = "estilo">

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

Esto le da a la información específica del navegador en estilo para cada elemento.

7 Cierre la etiqueta del elemento. XML requiere que todos los elementos tienen una etiqueta de cierre. En nuestro ejemplo, el elemento es <myStyle>. Agregar una etiqueta de cierre bajo la información de CSS.

<MyStyle id = "estilo">

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

</ MyStyle>

El archivo final es el siguiente:

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

<MyStyle id = "estilo">

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

</ MyStyle>

<Catálogo>

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

</ Catálogo>