¿Cómo agregar CSS en un archivo XML?

XML significa Lenguaje de marcado extensible. Es un lenguaje de marcado dinámico. Se utiliza para transformar datos de un formulario a otro formulario.

En este artículo, discutiremos cómo agregar CSS en el archivo XML. El CSS se puede utilizar para mostrar el contenido del documento XML de forma clara y precisa. Le da el diseño y estilo a todo un documento XML.

Sintaxis

<?xml-stylesheet type="text/css" href="student.css"?>

Ejemplo 1: Archivo XML

XML

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="student.css"?>
<class>
   <heading>Welcome To GeeksforGeeks Class </heading>
    <student>
        <name>Akshit</name>
        <Address>Moradabad</Address>
        <PhoneNumber>123456</PhoneNumber>
    </student>
    <student>
        <name>Nikita</name>
        <Address>Lucknow</Address>
        <PhoneNumber>876456</PhoneNumber>
    </student>
    <student>
        <name>Somya</name>
        <Address>Delhi</Address>
        <PhoneNumber>124556</PhoneNumber>
    </student>
    <student>
        <name>Eshika</name>
        <Address>Meerut</Address>
        <PhoneNumber>100056</PhoneNumber>
        </student>
    <student>
        <name>Kalpana</name>
        <Address>Rampur</Address>
        <PhoneNumber>1299456</PhoneNumber>
    </student>
</class>

estudiante.css

class{
    color: white;
    background-color : gray;
    width: 100%;
}
heading {
    color: green;
    font-size : 40px;
    background-color : powderblue;
}
heading,name,PhoneNumber,address {
    display : block;
}
name{
    font-size : 25px;
    font-weight : bold;
}

Publicación traducida automáticamente

Artículo escrito por GeeksforGeeks y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *