Your SlideShare is downloading. ×
0
Qué es css
Qué es css
Qué es css
Qué es css
Qué es css
Qué es css
Qué es css
Qué es 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

Qué es css

1,744

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
1,744
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
27
Comments
0
Likes
0
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 es un lenguaje de hojas de estilos creado paracontrolar el aspecto o presentación de losdocumentos electrónicos definidos con HTML yXHTML. CSS es la mejor forma de separar loscontenidos y su presentación y es imprescindiblepara crear páginas web complejas.
  • 2. Lenguaje css Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entre elementos, posición de cada elemento dentro de la página, etc.
  • 3. El modelo de cajas es el comportamiento de CSS que hace que todos loselementos de las páginas se representen mediante cajas rectangulares.Las cajas de una página se crean automáticamente. Cada vez que seinserta una etiqueta HTML, se crea una nueva caja rectangular queencierra los contenidos de ese elemento. La siguiente imagen muestra lastres cajas rectangulares que crean las tres etiquetas HTML que incluye lapágina:
  • 4. CSS define numerosas propiedades para modificar la apariencia del texto.A pesar de que no dispone de tantas posibilidades como los lenguajes yprogramas específicos para crear documentos impresos, CSS permiteaplicar estilos complejos y muy variados al texto de las páginas web.A continuación se muestran variasreglas CSS que establecen el colordel texto de diferentes formas:
  • 5. Utilizando las propiedades width y height, es posible mostrar las imágenes con cualquier altura/anchura, independientemente de su altura/anchura real: es una práctica poco recomendable. El motivo es que normalmente dos imágenes diferentes no comparten la misma altura/anchura. Por lo tanto, se debe crear una nueva regla CSScuando una imagen forma parte deun enlace, los navegadores muestranpor defecto un borde azul gruesoalrededor de las imágenes
  • 6. Estilos básicos Cuando se aplican bordes a las celdas de una tabla, el aspecto por defecto con el que se muestra en un navegador es el siguiente:El código HTML y CSS delejemplo anterior se muestra acontinuación:
  • 7. El código CSS completo del ejemploanterior se muestra a continuación: Aunque parece sencillo, el mecanismo que utiliza el modelo collapse es muy complejo, ya que cuando los bordes que se fusionan no son exactamente iguales, debe tener en cuenta la anchura de cada borde, su estilo y el tipo de celda que contiene el borde (columna, fila, grupo de filas, grupo de columnas) para determinar la prioridad
  • 8. Ejemplo de Cambiar el color de fondo con CSSEstás buscandó cómo cambiar el color de fondo de tu página y tus elementos, llegaste allugar indicado.Las hojas de estilo o CSS nos permiten controlar de manera separada el colorde fondo de cada uno de los elementos de nuestra página.Aquí les dejo un ejemplo para cambiar el color de fondo de los elementos deuna página con CSS.

×