Introducción a CSS

Función de CSS

HTML: Estructura
CSS: Estilo
JavaScript: Comportamiento
Otros lenguajes de servidor...

CSS es un lenguaje de DISEÑO GRÁFICO

Tipos de Uso

INLINE

CSS INTERNO

CSS EXTERNO

<h1 style="color:red">

<head>
  <style>
    h1 {color:red;}
  </style>
</head>

<head>
    <link rel="stylesheet"
          type="text/css"
          href="archivo.css">
</head>

Sintaxis

selector {
    /* comentario */
    propiedad1: valor_propiedad1;
    PROPIEDAD2: VALOR_PROPIEDAD2;
    PROPIEDAD3: VALOR_PROPIEDAD3;
}

#id {
    propiedad1: valor1;
}

.clase {
    propiedad1: valor1(par1,par2);
}

Algunas Propiedades

```
color:     rgba(255,255,255,0.99);
```
```
background-color:     #FFFFFF;
```

background-image:     url("imagen.jpg");

padding-top:   15px; /*left, right, bottom*/

```
height: 20px;            width: 100%;
```
```
text-align:       justify;
```
```
font-family:     arial;
```
```
float:     right;
```

Made with Slides.com