Agregar CSS

Existen varias formas de agregar estilos a un documento html.

• En linea.
• En la cabecera.
• En un archivo externo.

1. En linea Se asignan propiedades a la atributo style.
   Un cajon tiene el atributo style que recibe como parámetro una propiedad CSS.
   < html >
       < head >
      
       < /head >
   
      
       < body >
           < p style="color:red;" >
           Hola mundo!
           < /p >
   
           < p style="color:red; font-size: 30px;" >
           Hola mundo! Ahora más grande!!!
           < /p >
   
          
       < /body >
   
   
   < /html >
   
   
   "

   Se aprecian dos párrafos el primero recibe solo una cualidad y el segundo recibe dos, estas propiedades solo afectan al cajón que las porta.

2. En la cabecera Consiste en un cajón de llamado "style" donde se introducen las directrices.
   < html >
       < head >
      
           < style >
               p{
                   color:red;
               }
           < /style >
      
       < /head >
      
       < body >
           < p >
           Hola mundo!
           < /p >        
       < /body >
   
   < /html >
   
   "
3. En un fichero externo En la cabecera se añade un enlace a un fichero .css donde se encuentran este contenido
   < html >
       < head >
           < link rel="stylesheet" type="text/css" href="documento.css" >
       < /head >
      
       < body >
           < p >
           Hola mundo!
           < /p >        
       < /body >
   
   < /html >
   
   "

Se pueden introducir varias formas de css a la vez, en caso de haber directrices diferentes para un mismo objeto prevalece la opción en linea después cabecera y finalmente en un fichero externo.