Cómo utilizar plantillas CSS

Al administrar la presencia en línea de su empresa, algunos conceptos básicos son útiles. El uso de hojas de estilo externas es un gran ejemplo de una herramienta que facilita su trabajo. Las hojas de estilo dictan el aspecto de los documentos HTML al definir estilos para elementos particulares. Importe archivos CSS de plantillas preparadas previamente para aplicar estilos a su página web, simplificando el diseño de su sitio web y manteniendo la coherencia en todo momento. Puede utilizar incluso el uso de hojas CSS como base para diseñar sus propias plantillas.

1.

Guarde su plantilla CSS en el mismo directorio que las páginas HTML con las que desea utilizar la plantilla. Por ejemplo, si desea que la página "index.html" use la plantilla CSS "template.css", guarde template.css en la misma carpeta en la que almacena "index.html".

2.

Abra el archivo HTML en un editor de texto.

3.

Localice las etiquetas de cabeza en el archivo HTML. Escriba el documento HTML entre estas etiquetas para vincular el archivo HTML al archivo de plantilla CSS. Su archivo de plantilla puede tener un nombre diferente, así que use el nombre correcto en lugar de "template.css". La sección de encabezado HTML se parece a este ejemplo:

4.

Guarde el archivo HTML.

5.

Abra el archivo HTML en un navegador web. El estilo de plantilla CSS que adjuntó está vigente, haciendo que su sitio web sea más consistente.

Advertencia

• Si bien los archivos CSS aplican instrucciones de estilo a áreas generales como el fondo y el texto del documento principal, algunos archivos de plantillas CSS especifican ciertas etiquetas que pueden no coincidir con las etiquetas de su documento. Lea el archivo CSS y su documentación para asegurarse de que está empleando las mismas etiquetas y secciones que el archivo CSS utiliza para obtener los mejores resultados.