CSS

CSS

1. CSS significa Cascading Style Sheets (Hojas de Estilo en Cascada).


2. CSS es una tecnología utilizada para darle "estilo" a nuestros documentos web. 


3. Las versiones de CSS son: CSS1, CSS2, y la actual CSS3.


4. CSS y HTML: 
   
   
   • Incrustar CSS en el mismo documento HTML:
     1. Se define un elemento <style> </style> en el HEAD y dentro de este se escribe el código CSS para el documento HTML.
     2. Se le aplica CSS a cada elemento (etiqueta) por separado con el atributo "style".  
        Ejemplo: <h1 style="font-size: 30px;"> </h1>
   
   
   • Aplicar CSS desde un archivo ".css" externo:
     1. Dentro del HEAD:  <link rel="stylesheet" type="text/css" href="documento.css">


5. Selectores CSS:
• Universal: *  (selecciona a todos los elementos).
• Elemento: h1 (selecciona a todos los elementos "h1").
• Descendientes: div h1 (selecciona los elementos h1 dentro de los div).
• Clase: .MiClase (luego se le agrega esta clase a los elementos HTML que queramos con el atributo class="MiClase".
• ID: #elemento_id
• Multiples elementos: div, p, h1 (selecciona todos los elementos "div", "p" y "h1").

Ejemplos de Selectores: 

• Universal:
   * {
      text-align: center;
  }
• Elemento: 
  h1 {
      color: blue;
  }
• Descendiente:
  div h1 {
        text-align:right;
  }
• Clase:
  .fondoRojo {
       background-color: red;
  }
• ID:
  #titulo {
       font-size: 20px;
  }
• Múltiples Elementos:
  div, table {
       opacity: 0.5;
  }