Presentación de css
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Presentación de css

on

  • 226 views

 

Statistics

Views

Total Views
226
Views on SlideShare
226
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Presentación de css Presentation Transcript

  • 1. LUIS CORREA 3RO «BI»
  • 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. 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. ¿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. ¿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. SINTAXIS
  • 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. 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. 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. BIBLIOGRAFÍA• http://www.chesco.info/curso/css.htm