• Save
CSS
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

CSS

on

  • 412 views

Conceptos básicos del uso de hoja de estilos para la administración de un documento de etiquetas de marcado.

Conceptos básicos del uso de hoja de estilos para la administración de un documento de etiquetas de marcado.

Statistics

Views

Total Views
412
Views on SlideShare
355
Embed Views
57

Actions

Likes
2
Downloads
0
Comments
0

1 Embed 57

http://www.pandres.net 57

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

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

CSS Presentation Transcript

  • 1. CSS INSTRUCCIONES QUE DEBE SEGUIR EL NAVEGADOR martes 13 de agosto de 2013
  • 2. Con los estilos CSS se define la apariencia de los elementos que se repetirán a lo largo de todo el sitio. Por ejemplo: se puede definir el formato de los títulos, asignándole el tipo y tamaño de tipografía, color y estilo. Luego, todos los títulos del sitio web, usarán estos estilos para los titulares. ¿para qué sirve CSS? martes 13 de agosto de 2013
  • 3. contenido martes 13 de agosto de 2013
  • 4. forma martes 13 de agosto de 2013
  • 5. El código web de calidad se optimiza para que los elementos propios del diseño (fondos, estilos de texto, modalidades de presentación de elementos...) sea ligero, esto es, con pocas instrucciones se consiga el efecto visual deseado, y se reutilice múltiples veces. velocidad de carga martes 13 de agosto de 2013
  • 6. - Definir un área dentro de un documento y asignarle un color o una imagen de fondo. - Modificar los márgenes de la página. - Posicionar exactamente cualquier elementos dentro de nuestra página, sin depender del tamaño de la misma, ni del navegador. - Posicionar imágenes de fondo en cada página o en cada área que querramos. podemos modificar martes 13 de agosto de 2013
  • 7. CSS define una serie de términos que permiten describir cada una de las partes que componen los estilos CSS. martes 13 de agosto de 2013
  • 8. TIPOS DE SELECTORES martes 13 de agosto de 2013
  • 9. etiquetas: nativas de HTML identidad: posicionamiento, un elemento clase: múltiples elementos martes 13 de agosto de 2013
  • 10. body { background-color:#FFFFFF; } Selector: Etiqueta ¿Dónde? martes 13 de agosto de 2013
  • 11. documento body { background-color:#FFFFFF; } martes 13 de agosto de 2013
  • 12. #caja { background-color:#666666; } Selector: Identificador individual ¿Dónde? vez por documento 1martes 13 de agosto de 2013
  • 13. documento #caja { background-color:#CF0033; } martes 13 de agosto de 2013
  • 14. .datos { background-color:#00FFCC; } Selector: Identificador común ¿Dónde? vez por documento +1martes 13 de agosto de 2013
  • 15. documento .datos { background-color:#00FFCC; } martes 13 de agosto de 2013
  • 16. CONTENEDORES DIV martes 13 de agosto de 2013
  • 17. Una etiqueta <div> define un bloque donde incluiremos información dentro de nuestro documento. A este bloque definido con la etiqueta <div> le asignaremos por medio del CSS, las propiedades de posición, tamaño, color, etc etc. martes 13 de agosto de 2013
  • 18. <body> etiquetas de definición de un contenedor dentro de un documento html </body> <div> </div> martes 13 de agosto de 2013
  • 19. imaginemos los divs como cajas En una pagina web standard, se visualizan normalmente 4 cajas imaginarias: - Contenedor principal - Encabezado - Cuerpo - Pie martes 13 de agosto de 2013
  • 20. veamos algo mas gráfico martes 13 de agosto de 2013
  • 21. Tenemos el cuerpo de la página, y dentro de ella metemos cajas y las ubicamos como queremos y donde queremos. martes 13 de agosto de 2013
  • 22. menu banner cuerpo } } } footer} martes 13 de agosto de 2013
  • 23. preguntas?? martes 13 de agosto de 2013