Presentación CSS

Sergi Vera, Daniel Migens, Luis Miguel Ochoa
Vidal i Barraquer
SMX 2A 2 -M8
Index
1. Backgrounds
2. Text
3. Fonts
4. Links
5. List
6. Tables
Background

Color
La propiedad background-color especifica
el color de fondo de un elemento, este se
pondra en hexadecimal...
Background

Image
La propiedad background-image
especifica una imagen para
utilizarla como fondo de un
elemento.
Background

Repeat
No-repeat
El fondo de la imagen no se repetira
Repeat-x
La imagen de fondo se repetira solo
en horizont...
Ejemplos
http://sergivera.esy.es/background_color.html

http://sergivera.esy.es/background_image.html
Text

El “<style>” para el texto se tiene que
poner dentro del “<head>”, y para
poder escribir el comando de los
estilos t...
Ejemplo
http://sergivera.esy.es/grupo.html
Fonts

En fuentes se puede cambiar el
tipo de letra como times new
roman, Arial o cursiva y el tamaño
de la fuente
utiliza...
Ejemplos
http://sergivera.esy.es/fonts.html
Links

Atributo target
Si se establece el atributo de
destino a "_blank", el enlace se
abrirá en una nueva ventana del
nav...
Imatges com a
links

Introduirem un enllaç al qual
enllaçarem una imatge.
Podem utilitzar l’”style:border;”
per posar un b...
Ejemplos
http://sergivera.esy.es/links_target_attribute.html

http://sergivera.esy.es/links_as_a_image.html
Lists

Para que funcionen las ordenes
hay que ponerlo dentro del
<style> y despues ponerle
etiquetas como “ul”
o “ol”, des...
Ejemplos
http://sergivera.esy.es/listscss/listscss.html
Tables

La comanda table te permite
poner fondo de imagen o color y
cambiar el tamaño del borde,
color, color de letra
etc...
Ejemplos
http://sergivera.esy.es/tables.html
Próxima SlideShare
Cargando en…5
×

Introduccion css

256 visualizaciones

Publicado el

Esta es una pequeña introducción a las etiquetas del CSS y sus estilos.

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
256
En SlideShare
0
De insertados
0
Número de insertados
6
Acciones
Compartido
0
Descargas
7
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Introduccion css

  1. 1. Presentación CSS Sergi Vera, Daniel Migens, Luis Miguel Ochoa Vidal i Barraquer SMX 2A 2 -M8
  2. 2. Index 1. Backgrounds 2. Text 3. Fonts 4. Links 5. List 6. Tables
  3. 3. Background Color La propiedad background-color especifica el color de fondo de un elemento, este se pondra en hexadecimal (#04B404, #FF0000,#0000FF…). http://html-color-codes.info/codigos-de-colores-hexadecimales/
  4. 4. Background Image La propiedad background-image especifica una imagen para utilizarla como fondo de un elemento.
  5. 5. Background Repeat No-repeat El fondo de la imagen no se repetira Repeat-x La imagen de fondo se repetira solo en horizontal
  6. 6. Ejemplos http://sergivera.esy.es/background_color.html http://sergivera.esy.es/background_image.html
  7. 7. Text El “<style>” para el texto se tiene que poner dentro del “<head>”, y para poder escribir el comando de los estilos tienes que ponerlos dentro de los corchetes.
  8. 8. Ejemplo http://sergivera.esy.es/grupo.html
  9. 9. Fonts En fuentes se puede cambiar el tipo de letra como times new roman, Arial o cursiva y el tamaño de la fuente utilizando la comanda: <style> <p class=””>
  10. 10. Ejemplos http://sergivera.esy.es/fonts.html
  11. 11. Links Atributo target Si se establece el atributo de destino a "_blank", el enlace se abrirá en una nueva ventana del navegador / pestaña.
  12. 12. Imatges com a links Introduirem un enllaç al qual enllaçarem una imatge. Podem utilitzar l’”style:border;” per posar un borde o no.
  13. 13. Ejemplos http://sergivera.esy.es/links_target_attribute.html http://sergivera.esy.es/links_as_a_image.html
  14. 14. Lists Para que funcionen las ordenes hay que ponerlo dentro del <style> y despues ponerle etiquetas como “ul” o “ol”, despues corchetes y su atributo.
  15. 15. Ejemplos http://sergivera.esy.es/listscss/listscss.html
  16. 16. Tables La comanda table te permite poner fondo de imagen o color y cambiar el tamaño del borde, color, color de letra etc.
  17. 17. Ejemplos http://sergivera.esy.es/tables.html

×