taller multimedia 8033

Apuntes sobreHojas de Estiloen Cascada(CSS)Seminario de Integracin y Produccin

conjunto de instrucciones que indican a un navegador como debe presentar un elemento concreto en una pgina html.CSS

Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray

Caractersticas de las CSS Separar la visualizacin del contenido. Simplificar el cdigo HTML. Controlar el estilo y diseo de forma global.


Reglas de estilop {color: #ff0033;}


p {color: #ff0033;} Selector: Indica al navegador que elemento se ver afectado por la regla de estilo.Reglas de estilo


Regla: Conjunto de propiedades que indican al navegador como se debe mostrar el elemento indicado por el selector.p {color: #ff0033;}Reglas de estilo


Declaracin de estilop {color: #ff0033;}Reglas de estilo


Propiedadp {color: #ff0033;}Reglas de estilo


Separadorp {color: #ff0033;}Reglas de estilo


Valorp {color: #ff0033;}Reglas de estilo


h1 { color: #ff0033; font-family: Verdana; font-weight: bold; font-size: 16px; text-align: center; }CSS Simples: A, BODY, P, BR, H1, H2, BLOCKQUOTESelectores


h1 { color: #ff0033; font-family: Verdana; font-weight: bold; font-size: 16px; text-align: center; }CSSTtulo del artculoHTML Simples: A, BODY, P, BR, H1, H2, BLOCKQUOTESelectores


Simples: A, BODY, P, BR, H1, H2, BLOCKQUOTEh1 { color: #ff0033; font-family: Verdana; font-weight: bold; font-size: 16px; text-align: center; }CSSTtulo del artculoHTMLSelectores


CLASS: Precedido por el carcter . hace referencia a un elemento HTML con un valor en el atributo CLASS igual al nombre del selector..destacado { font-family: Tahoma; font-size: 11px; font-weight: normal; text-align: left; line-height: 13px; background-color: #EFEFD1; border-width: 1px; border-style: dashed; border-color: #a06000; padding: 10px 10px 10px 10px; }CSSSelectores


CLASS: Precedido por el carcter . hace referencia a un elemento HTML con un valor en el atributo CLASS igual al nombre del selector..destacado { font-family: Tahoma; font-size: 11px; font-weight: normal; text-align: left; line-height: 13px; background-color: #EFEFD1; border-width: 1px; border-style: dashed; border-color: #a06000; padding: 10px 10px 10px 10px; }CSS

TP Presentacin personal en HTML

Consigna: Producir una presentacin personal desarrollada en Cdigo HTMLque incluir:

Leer texto completo: Consigna del TrabajoPrctico

HTMLSelectores


#container { width: 714px; background-color: #f1f1f1; }CSS ID: Precedido por el carcter # hace referencia a un elemento HTML con un valor en el atributo ID igual al nombre del selector.Selectores


#container { width: 714px; background-color: #f1f1f1; }CSS

Ttulo del artculoTexto

HTML ID: Precedido por el carcter # hace referencia a un elemento HTML con un valor en el atributo ID igual al nombre del selector.Selectores


ID: Precedido por el carcter # hace referencia a un elemento HTML con un valor en el atributo ID igual al nombre del selector.#container { width: 714px; background-color: #f1f1f1; }CSS

Ttulo del artculoTexto

HTMLSelectores


EstructuraContainerNavBanner

xxxxxxxxxxxxxxxx

1

2

3

Xxxxxxxx

HTML123


EstructuraBanner

xxxxxxxxxxxxxxxx

1

2

3

Xxxxxxxx

HTML


EstructuraContainer

xxxxxxxxxxxxxxxx

1

2

3

Xxxxxxxx

HTML123


EstructuraContainer

xxxxxxxxxxxxxxxx

1

2

3

Xxxxxxxx

HTML123destacado


EstructuraNav

xxxxxxxxxxxxxxxx

1

2

3

Xxxxxxxx

HTML


Enlazar archivo CSS

Mi pgina HTML

Bibliografa de Consulta Manual de CSS de Web Estilo Hojas de estilo en cascada de Web Design Group Proyecto Camalen


taller multimedia 8033

Documents