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 (#04B404,
#FF0000,#0000FF…).
http://html-color-codes.info/codigos-de-colores-hexadecimales/
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 horizontal
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 tienes que ponerlos dentro de
los corchetes.
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
utilizando la comanda:
<style>
<p class=””>
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
navegador / pestaña.
Imatges com a
links

Introduirem un enllaç al qual
enllaçarem una imatge.
Podem utilitzar l’”style:border;”
per posar un borde o no.
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”, despues corchetes y su
atributo.
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

Introduccion css