CSS en el Head

Uso de estilos CSS en el <head> de una página web

CSS en el Head

Uso de estilos CSS en el <head> de una página web

Otra forma de integrar estilos CSS en una página web es usando la etiqueta style dentro del head de una página web HTML, un ejemplo <style>estilos</style>

En esta forma de uso los estilos se definen en una zona específica del propio documento HTML. Se declara la etiqueta <style> de HTML y solamente se pueden incluir en la cabecera del documento (sólo dentro de la sección <head>).

Una desventaja es que si se quiere hacer una modificación en los estilos definidos, es necesario modificar todas las páginas que incluyen el estilo que se va a modificar.

Este método se emplea cuando se define un número pequeño de estilos o cuando se quieren incluir estilos específicos en una determinada página HTML que completen los estilos que se incluyen por defecto en todas las páginas del sitio web.

Los ejemplos mostrados en este libro utilizan este método para aplicar CSS al contenido HTML de las páginas. De esta forma el código de los ejemplos es más conciso y se aprovecha mejor el espacio.

Veamos un ejemplo :

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>APPTIVA WEB | Programación Web</title>
	<style>	
		body{
			background: #120832;
		}
		.apptivaweb {
			text-align: center;	/* texto centrado*/
		    width: 1170px;    	/* Ancho del contenedor */
		    margin: 0 auto;   	/* contenedor centrado */
		    background: white; 	/* color de fondo  (peru, #ff00ff, 255,00,255,1) */
		    padding: 50px;		/* espacio entre el contenido y el div*/
		}
		h1{
			color: #04488C;
		}
	</style>
</head>
<body>
	<div class="apptivaweb">
		<h1>Título del contenido de la página web</h1>		
		<p>En esta sección se coloca los textos, imágenes, elementos multimedia como videos, audio, etc. de la página web</p>
	</div>
</body>
</html>

 

Compártelo...talvez alguién lo necesite!

Whatsapp Messenger Facebook Twitter
ó copia el link

¿Quieres el código fuente del proyecto
CSS en el Head?

...por favor suscríbete gratuitamente para descargarlo

SUSCRÍBIRME

Visitado 123 veces | Publicado hace 1 año

Más códigos de programación en CSS.

Ver scripts de CSS

Aprende a crear una app para restaurante en Android con el curso básico de Android completamente gratis

VER EL CURSO DE ANDROID

Programación en CSS

Ejemplos y scripts de programación para tus proyectos

Lo último que estamos programando en el curso: Lector de Códigos QR ANDROID PHP MYSQL

Últimos detalles diseño y prueba de la app Lector Market Alis

Diseño y prueba final del Lector QR

© Todos los derechos reservados | codea.app | Comunidad de programación web y desarrollo de aplicaciones móviles | Perú 2019