Pure CSS es un marco de trabajo popular y una herramienta de código abierto, desarrollado por Yahoo, para crear sitios web y aplicaciones web receptivos mediante el uso de módulos CSS receptivos, que ayudan a desarrollar una mejor experiencia de usuario con alta eficiencia. Se puede utilizar como una alternativa a Bootstrap.
El módulo Base en Pure CSS contiene las propiedades de estilo que se usan comúnmente en la mayoría de los sitios web. Es una alternativa lista para HTML5 para las propiedades CSS, aprovechando Normalize.css. Todos los módulos de Pure CSS se basan en Normalize.css, que es la capa funcional para mantener la coherencia entre navegadores.
- Normalizar.css
- Elementos ocultos de CSS puro
- Imágenes receptivas de CSS puro
Ejemplo:
HTML
<!DOCTYPE html> <html lang="en"> <head> <title>PureCSS</title> <meta charset="utf-8"> <meta name="viewport" content= "width=device-width, initial-scale=1"> <link rel="stylesheet" href= "https://unpkg.com/purecss@2.0.5/build/pure-min.css" integrity= "sha384-LTIDeidl25h2dPxrB2Ekgc9c7sEC3CWGM6HeFmuDNUjX76Ert4Z4IY714dhZHPLd" crossorigin="anonymous"> </head> <body> <center> <div style="width: 500px; background-color: yellow;"> <h1 style="color:green;"> GeeksforGeeks </h1> <h2>Responsive Image</h2> <img class="pure-img" src= "https://media.geeksforgeeks.org/wp-content/uploads/20210909155642/logoleft.png" style="border-radius: 50px;" /> </div> </center> </body> </html>
Producción:
Base CSS pura
Publicación traducida automáticamente
Artículo escrito por GeeksforGeeks-1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA