Your SlideShare is downloading. ×
CSS
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

CSS

177
views

Published on

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.


0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
177
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

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