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/www
y crea el directorioprimercss01
:alumno@servidor:~ $ cd $HOME/www alumno@servidor:~/www $ mkdir primercss01 alumno@servidor:~/www $ cd primercss01
Crea el directorio
css
y al archivo váciocss/main.css
en él:alumno@servidor:~/www/primercss01 $ mkdir css alumno@servidor:~/www/primercss01 $ touch css/main.css
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 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.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.
- 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