Presentación de css

179 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
179
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Presentación de css

  1. 1. LUIS CORREA 3RO «BI»
  2. 2. Las Hojas de Estilo en Cascada se escriben dentro del código HTMLde la página web, solo en casos avanzados se pueden escribir en unarchivo a parte y enlazar la página con ese archivo. En un principiovamos a utilizar la manera más directa de aplicar estilos a loselementos de la página, mas adelante veremos la declaración enarchivos externos. Para ello, y esto es la primera lección de esteartículo, vamos a conocer un nuevo atributo que se puede utilizar encasi todas las etiquetas HTML: style.
  3. 3. Una característica esencial de las hojas de estilo en cascada (CSS) es laposibilidad de separar los elementos formales de los de contenido. De estaforma, sólo con una pequeña modificación de la hoja de estilo es posiblecambiar el aspecto de todas las páginas en las que se aplica esa hoja.No todas las versiones de los navegadores las soportan. Si consideramoslos dos principales Netscape es capaz de utilizarlas desde la versión 4.0 yExplorer desde la 3.0
  4. 4. ¿Por qué se llaman hojas de estilo? Con las hojas de estilo podemos crear clases y pseudoclases. Éstas nos permiten modificar e indicarle al navegador la forma en la que tiene que presentar cualquier elemento HTML.
  5. 5. ¿Por qué se llaman "en cascada"? Cuando creamos un estilo, las especificaciones que se realicen para un determinado elemento serán aplicables a todos aquellos elementos que se encuentren "por debajo" de él atendiendo a un criterio de herencia. Por ejemplo, si especificamos un tipo de letra para el elemento <body> todos aquellos elementos que puedan heredar las características se presentarán con el mismo tipo de fuente. Así, el elemento <p> heredará el tipo de letra salvo que especifiquemos lo contrario.También debemos de tener en cuenta que se establece un orden deprioridad para la aplicación de las normas en caso de que resultencontradictorias. El orden de preferencia para aplicar una norma es elsiguiente:- Estilo especificado dentro de la etiqueta.- Estilo especificado en la cabecera del documento.- Estilo definido en un documento independiente al que se enlazanuestra página.
  6. 6. SINTAXIS
  7. 7. Vinculación a una hoja de estilo externaPara crear un vínculo a una hoja de estilo externa, insertamos unaetiqueta <link> como en el ejemplo siguiente:<head> <title>Hoja de estilo vinculada</title> <link href="estilo.css" rel="stylesheet" type="text/css"></head> Pseudo clasesa:linka:visiteda:hovera:activeComo hemos visto, podemos combinar estos selectores y clases. Así tenemosla posibilidad de crear múltiples estilos, por ejemplo para un enlace:a.principal:linka.pie:link
  8. 8. Reglas, declaraciones, propiedadesbody { font-family: Arial, sans-serif; color: blue; }Una hoja de estilo contiene al menos una regla y puede contener tantas comonecesites. Grupo de selectoresh1, h2, h3 {font-family: Arial, sans-serfi;}
  9. 9. Selectores IDSon similares a los selectores de clase. Se diferencia en la semántica y en elcomportamiento.Sintaxis:#cabecera<div id="cabecera">Contenido de cabecera</div>Esto no sería correcto:#barra<div id="barra">Bienvenidos</div><div id="barra">Esto es una prueba de diseño web </div>
  10. 10. BIBLIOGRAFÍA• http://www.chesco.info/curso/css.htm

×