Primer

Primer is GitHub’s internal CSS framework. It includes basic global styling for typography, small components like buttons and tabs, and our general guidelines for writing HTML and CSS. It’s been used internally at GitHub for years now. - primercss.io

Uso

  1. Accede al directorio (crealo de ser necesario) $HOME/www y crea el directorio primercss01:

     alumno@servidor:~ $ cd $HOME/www
     alumno@servidor:~/www $ mkdir primercss01
     alumno@servidor:~/www $ cd primercss01
    
  2. Crea el directorio css y al archivo vácio css/main.css en él:

     alumno@servidor:~/www/primercss01 $ mkdir css
     alumno@servidor:~/www/primercss01 $ touch css/main.css
    
  3. Primer está disponible en los siguientes CDN:

    Encontrarás un URL hacía el archivo de CSS de Primer (primer.css), copia dicho URL y descargalo dentro del directorio css:

     alumno@servidor:~/www/primercss01 $ wget https://cdn.jsdelivr.net/primer/3.0.1/primer.css -P css/
    

    En este caso se ha descargado a Primer en su versión 3.0.1.

  4. Crea el archivo index.html con el siguiente contenido:

     <!DOCTYPE html>
     <html>
     <head>
       <meta charset="UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <title>primercss01</title>
       <link rel="stylesheet" href="css/primer.css">
       <link rel="stylesheet" href="css/main.css">
     </head>
     <body>
       <!-- CONTENIDO -->
       <!-- /CONTENIDO -->
     </body>
     </html>
    

    Notas:

    • El contenido de tu documento HTML, y que será visualizado por el usuario, quedará dentro de los comentarios CONTENIDO.
    • Si requieres modificar el aspecto visual o estilo de algún elemento HTML lo llevas a cabo en el archivo css/main.css. Recuerda que tendrás que hacer uso de selectores de CSS.

Al terminar en el directorio $HOME/www/primercss01 encontrarás la siguiente estructura:

alumno@servidor:~/www/primercss01 $ pwd && tree
/home/alumno/www/primercss01
├── css
│   ├── main.css
│   └── pure-min.css
└── index.html
1 directory, 3 files