Incrustar CSS en HTML 5: así es como se hace
Puede integrar fácilmente CSS en HTML 5. Porque si desea que sus documentos HTML y XML sean más atractivos gráficamente, Cascading Style Sheets (CSS) es una buena opción. El lenguaje de formato le ofrece numerosas opciones para mejorar visualmente sus sitios web. Básicamente, hay tres formas diferentes de integrar CSS en HTML 5. Le mostraremos esto en este consejo práctico.
CSS en HTML 5: Opción 1 - Subcontratar archivo CSS
La primera opción es mover el CSS a un archivo separado. Esto ofrece numerosas ventajas: las hojas de estilo no solo afectan a una sola página, sino que se usan automáticamente en todas las páginas HTML5. La principal ventaja es la administración central. Puede implementar cambios rápidamente en todas las páginas. Cómo incrustar un archivo CSS en HTML 5:
- Crea un nuevo archivo CSS.
- En el área de cabecera, consulte su archivo CSS. En este caso, el archivo se llamaba style.css, pero la denominación es, por supuesto, individual:
- Debe guardar el archivo style.css en el directorio principal del servidor web.
- Ha integrado con éxito su archivo CSS en HTML 5.
CSS al comienzo de su archivo HTML 5
Si no desea crear un archivo CSS subcontratado, también puede establecer las propiedades CSS en el encabezado de su documento HTML 5. Estos solo afectan a este archivo HTML 5, no a todas las páginas HTML 5.
- Abre tu documento HTML 5
- Inserte el siguiente comando en el área de la cabeza:
- Ahora defina las propiedades deseadas: puede ser, por ejemplo, el tamaño de los encabezados, el color del texto, etc. Utilice los comandos CSS conocidos para esto.
- Cierre el comando después de ingresar las propiedades con.
- Las propiedades especificadas se adoptan para este documento HTML 5.
Estilo en línea CSS: use comandos directamente
La última forma de integrar CSS en HTML 5 es el estilo en línea. Esto significa que ingresas tus comandos directamente en el código fuente.
- Vaya al punto donde desea cambiar la visualización gráfica.
- Ingrese los comandos CSS directamente. Por ejemplo, esto puede verse así:
Un subtítulo azul
- La propiedad solo se usa para este comando.