Cómo el estilo de párrafos, encabezados y pies de página con css3

Cuando se le diseñará párrafos, encabezados y pies de página, la mayor parte del trabajo se puede lograr de forma automática mediante la creación de estilos de etiquetas para el Redefinir

Video: Curso de HTML y CSS #4 | Párrafos y Encabezados en Html

etiqueta y sin embargo muchas etiquetas del título que va a utilizar, como por ejemplo, y:

p {font-family: Georgia, "Times New Roman", Times, serif-font-size: 12px; color: # 039-background-color: # FCEBB6-}

En algunas circunstancias, es posible que desee crear un estilo personalizado y aplicar selectivamente que a palabras o frases individuales a lo largo de su texto mediante el uso de la class =”stylename” atributo como parte de la etiqueta de apertura que rodea el contenido, ya sea un párrafo, el rumbo o etiqueta span:

.stylename {font-family: Georgia, “Times New Roman”, Times, serif-font-size: 10px; font-style: font-weight-cursiva: negrita-font-variant: small-caps-color: # 006-}

class ="nombre de estilo"gt; Este párrafo entero será estilo utilizando la clase stylename, que anula el estilo de párrafo redefinido.

Video: Curso de HTML y CSS #8 - HTML: Elementos para desplegar texto

Cuando el estilo contenido de pie, es posible que desee crear estilos para dar formato a todo el contenido que va allí. Para empezar, muchos diseñadores de aislar el contenido de pie en su propia capa. Si va a codificantes con HTML5, puede utilizar la etiqueta para su contenido de pie. De lo contrario, cuando se utiliza HTML 4.01 o XHTML puede estilo de esa capa usando una carné de identidad estilo:

id ="pie de página"gt;Casa | Acerca de | Servicios | Contacto
&2009 contra copias CompanyName.com. Todos los derechos reservados.

Dentro de ese o carné de identidad estilo, podría configurar la familia de fuentes, tamaño, peso y color de contenido- de la capa de aplicar un color de fondo y los atributos de borde a la capa-y ajuste de la capa de anchura, altura, índice z, y visibilidad.

Video: Insertar parrafo en HTML5 y CSS

#footer {font-family: Verdana, Geneva, sans-serif-font-size: 0.7em-font-weight: bold-color: # FFF-background-color: # 666-padding: 10px; margen: 20px; altura: auto-anchura: 90% -}

Después de que se han hecho, puede empezar a crear estilos individuales personalizadas, estilos de identificación, hipervínculos personalizados, y combinadores avanzadas con el estilo de las distintas partes del contenido de pie. Por ejemplo, se podría crear un conjunto de estilos de hipervínculo que sólo se aplicarían a los enlaces en el pie de página:

#footer a: link {color: # A0 -} # pie de página a: visited {color: # 0C6 -} # pie de página a: hover {color: # FFF-background-color: # A0-text-decoration: none;} # pie de página a: active {color: # FFF-background-color: # 0C6-text-decoration: none;}. mystyle {padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px ;}

Asimismo, el frontera atributo de estilo en la categoría de propiedades de borde tiene cuatro lados. Sin embargo, para especificar que no desea un lado particular estilo, utilice el ninguna El valor de la propiedad:

Video: HTML - Encabezados y Párrafos

.Prueba {border-top: 0px none; border-right: 1px solid # 039-border-bottom: 0px none; border-left: 1px solid # 039-}

La imagen muestra cómo una capa de estilo con la #pie de página y enlazar estilos CSS que se muestran aquí se vería en un navegador.

Artículos Relacionados