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.
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
Reglas de estilop {color: #ff0033;}
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
p {color: #ff0033;} Selector: Indica al navegador que elemento se ver afectado por la regla de estilo.Reglas de estilo
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
Regla: Conjunto de propiedades que indican al navegador como se debe mostrar el elemento indicado por el selector.p {color: #ff0033;}Reglas de estilo
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
Declaracin de estilop {color: #ff0033;}Reglas de estilo
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
Propiedadp {color: #ff0033;}Reglas de estilo
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
Separadorp {color: #ff0033;}Reglas de estilo
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
Valorp {color: #ff0033;}Reglas de estilo
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
h1 { color: #ff0033; font-family: Verdana; font-weight: bold; font-size: 16px; text-align: center; }CSS Simples: A, BODY, P, BR, H1, H2, BLOCKQUOTESelectores
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
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
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
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
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
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
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
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
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
#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
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
#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
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
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
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
EstructuraContainerNavBanner
xxxxxxxxxxxxxxxx
1
2
3
Xxxxxxxx
HTML123
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
EstructuraBanner
xxxxxxxxxxxxxxxx
1
2
3
Xxxxxxxx
HTML
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
EstructuraContainer
xxxxxxxxxxxxxxxx
1
2
3
Xxxxxxxx
HTML123
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
EstructuraContainer
xxxxxxxxxxxxxxxx
1
2
3
Xxxxxxxx
HTML123destacado
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
EstructuraNav
xxxxxxxxxxxxxxxx
1
2
3
Xxxxxxxx
HTML
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
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
Hojas de Estilo en Cascada (CSS) SIyP - UNR - Fernando Irigaray
Top Related