Hoja de estilos externa Usted puede decidir poner el contenido de hojas de estilo en un archivo en algún servidor web. El contenido de la hoja de estilo anterior es: body {background-color: negro} h1 {color: yellow} p {background-color: azul; color: red} Puedes poner esto en un archivo con un editor de texto. Al guardar y dar un nombre al archivo, su extensión tiene que ser .css. Suponga que ha guardado el archivo anterior con el nombre mystyle.
css en el mismo directorio que el archivo HTML correspondiente, entonces usted tendría el siguiente elemento LINK en el elemento HEAD del archivo HTML: Este es un elemento LINK HTML; un elemento de etiqueta única. Aquí, hay 3 atributos: el rel, el tipo y el atributo href. El valor del atributo rel aquí da la naturaleza del archivo en términos generales. El valor del atributo de tipo da la naturaleza del archivo en términos más específicos.
El valor del atributo href da la dirección URL del archivo; aquí el nombre del archivo de hoja de estilo y el archivo HTML correspondiente se encuentran en el mismo directorio en un servidor, así que no hay nombre de dominio y la ruta precede al nombre del archivo. Así que el archivo HTML correspondiente anterior se convierte en:
texto, texto, texto, texto, texto, texto, texto, texto, texto