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
Accede al directorio (crealo de ser necesario)
$HOME/wwwy crea el directorioprimercss01:alumno@servidor:~ $ cd $HOME/www alumno@servidor:~/www $ mkdir primercss01 alumno@servidor:~/www $ cd primercss01Crea el directorio
cssy al archivo váciocss/main.cssen él:alumno@servidor:~/www/primercss01 $ mkdir css alumno@servidor:~/www/primercss01 $ touch css/main.cssPrimer 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 directoriocss: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.
Crea el archivo
index.htmlcon 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.
- El contenido de tu documento HTML, y que será visualizado por el usuario, quedará dentro de los
comentarios
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