rosario

Apuntes sobre Hojas de Estilo en Cascada (CSS) Seminario de Integración y Producción

conjunto de instrucciones que indican a un navegador como debe presentar un elemento concreto en una página html. CSS HTML CSS HTML HTML

Características de las CSS ,[object Object],[object Object],[object Object],HTML CSS HTML HTML

Reglas de estilo p {color: #ff0033;}

p {color: #ff0033;} ,[object Object],Reglas de estilo

[object Object],p {color: #ff0033;} Reglas de estilo

Declaración de estilo p {color: #ff0033;} Reglas de estilo

Propiedad p {color: #ff0033;} Reglas de estilo

Separador p {color: #ff0033;} Reglas de estilo

Valor p {color: #ff0033;} Reglas de estilo

h1 { color: #ff0033; font-family: Verdana; font-weight: bold; font-size: 16px; text-align: center; } CSS ,[object Object],Selectores

h1 { color: #ff0033; font-family: Verdana; font-weight: bold; font-size: 16px; text-align: center; } CSS <h1>Título del artículo</h1> HTML ,[object Object],Selectores

[object Object],h1 { color: #ff0033; font-family: Verdana; font-weight: bold; font-size: 16px; text-align: center; } CSS <h1>Título del artículo</h1> HTML Selectores

[object Object],.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 Selectores

[object Object],.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 <div class="destacado"> <h3 class="entry-header"> TP Presentación personal en HTML</h3> <br /> <strong>Consigna:</strong> Producir una presentación personal desarrollada en Código HTML que incluirá:<br /><br /> <a href="http://www.dialogica.com.ar/digicom/ 2007/04/trabajo_practico_presentacion.php"> Leer texto completo: Consigna del Trabajo Práctico</a> </div> HTML Selectores

#container { width: 714px; background-color: #f1f1f1; } CSS ,[object Object],Selectores

#container { width: 714px; background-color: #f1f1f1; } CSS <body> <div ID=“container”> <h1>Título del artículo</h1> <p>Texto</p> </div> </body> HTML ,[object Object],Selectores

[object Object],#container { width: 714px; background-color: #f1f1f1; } CSS <body> <div ID=“container”> <h1>Título del artículo</h1> <p>Texto</p> </div> </body> HTML Selectores

Estructura Container Nav Banner <body> <div id=“Banner”> xxxxxxxxxxxxxxxx </div> <div id=“Container”> <div class="destacado"> 1 </div> <div class="destacado"> 2 </div> <div class="destacado"> 3 </div> </div> <div id=“Nav”> Xxxxxxxx </div> </body> HTML 1 2 3

Estructura Banner <body> <div id=“Banner”> xxxxxxxxxxxxxxxx </div> <div id=“Container”> <div class="destacado"> 1 </div> <div class="destacado"> 2 </div> <div class="destacado"> 3 </div> </div> <div id=“Nav”> Xxxxxxxx </div> </body> HTML

Estructura Container <body> <div id=“Banner”> xxxxxxxxxxxxxxxx </div> <div id=“Container”> <div class="destacado"> 1 </div> <div class="destacado"> 2 </div> <div class="destacado"> 3 </div> </div> <div id=“Nav”> Xxxxxxxx </div> </body> HTML 1 2 3

Estructura Container <body> <div id=“Banner”> xxxxxxxxxxxxxxxx </div> <div id=“Container”> <div class="destacado"> 1 </div> <div class="destacado"> 2 </div> <div class="destacado"> 3 </div> </div> <div id=“Nav”> Xxxxxxxx </div> </body> HTML 1 2 3 destacado

Estructura Nav <body> <div id=“Banner”> xxxxxxxxxxxxxxxx </div> <div id=“Container”> <div class="destacado"> 1 </div> <div class="destacado"> 2 </div> <div class="destacado"> 3 </div> </div> <div id=“Nav”> Xxxxxxxx </div> </body> HTML

Enlazar archivo CSS <head > <title>Mi página HTML</title> <link rel=“stylesheet” href=“estilos.css” type="text/css“> </head> HTML HTML CSS HTML HTML

Bibliografía de Consulta ,[object Object],[object Object],[object Object],HTML CSS HTML HTML

rosario

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (16)

Destacado

Destacado (6)

Similar a rosario

Similar a rosario (20)

Más de lalexs

Más de lalexs (8)

Último

Último (11)

rosario