introduccion css

17
Presentación CSS Sergi Vera, Daniel Migens, Luis Miguel Ochoa Vidal i Barraquer SMX 2A 2 -M8

Upload: daniks20

Post on 19-Jul-2015

125 views

Category:

Documents


3 download

TRANSCRIPT

Presentación CSS

Sergi Vera, Daniel Migens, Luis Miguel OchoaVidal i Barraquer

SMX 2A 2 -M8

Index1. Backgrounds

2. Text

3. Fonts

4. Links

5. List

6. Tables

Backg

rou

nd 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/

Image

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

Backg

rou

nd

Repeat

No-repeatEl fondo de la imagen no se repetira

Repeat-xLa imagen de fondo se repetira solo en horizontalBackg

rou

nd

Ejemploshttp://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

Fon

tsEn 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=””>

Ejemploshttp://sergivera.esy.es/fonts.html

Atributo target

Si se establece el atributo de destino a "_blank", el enlace se abrirá en una nueva ventana del navegador / pestaña.

Lin

ks

Introduirem un enllaç al qual enllaçarem una imatge.Podem utilitzar l’”style:border;” per posar un borde o no.

Imatg

es c

om

a

lin

ks

http://sergivera.esy.es/links_target_attribute.html

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

Ejemplos

Para que funcionen las ordenes hay que ponerlo dentro del <style> y despues ponerle etiquetas como “ul”o “ol”, despues corchetes y su atributo.

Lis

ts

http://sergivera.esy.es/listscss/listscss.html

Ejemplos

La comanda table te permite poner fondo de imagen o color y cambiar el tamaño del borde, color, color de letraetc.

Tab

les

http://sergivera.esy.es/tables.html

Ejemplos