Foundation CSS es un marco front-end receptivo y de código abierto creado por ZURB en septiembre de 2011 que simplifica la creación de sorprendentes sitios web, aplicaciones y correos electrónicos receptivos que funcionan en cualquier dispositivo. Foundation CSS Controls se usa para crear diferentes tipos de interruptores, botones, controles deslizantes y traducciones y controlarlos según los requisitos, como interruptores de color, interruptores de tamaño, controles deslizantes de rango y muchas cosas que puede hacer.
La lista completa de Foundation CSS Control se enumera a continuación:
- Botón CSS básico
- Conceptos básicos del botón Foundation CSS
- Tamaño del botón CSS básico
- Fundación botón CSS para colorear
- Fundación CSS Botón Estilo hueco
- Botón Foundation CSS deshabilitado
- Botón CSS básico Estilo claro
- Flechas desplegables del botón Foundation CSS
- Accesibilidad del botón CSS básico
- Base CSS Botón Sass Referencia
- Grupo de botones CSS básicos
- Conceptos básicos del grupo de botones CSS de Foundation
- Tamaño del grupo de botones de Foundation CSS
- Grupo de botones CSS de la Fundación para colorear
- Foundation CSS Button Group Hueco y claro
- Grupo de botones Foundation CSS sin espacios
- Grupo de ancho uniforme del botón CSS básico
- Apilamiento de grupo de botones de CSS básico
- División del grupo de botones CSS de la base
- Flexbox del grupo de botones CSS de Foundation
- Base CSS Grupo de botones Sass Referencia
- Botón de cierre CSS básico
- Base CSS Cerrar Botón Sass Referencia
- Deslizador CSS básico
- Conceptos básicos del control deslizante Foundation CSS
- Fundación CSS Control deslizante Vertical
- Control deslizante Foundation CSS deshabilitado
- Foundation CSS Control deslizante de dos asas
- Enlace de datos del control deslizante Foundation CSS
- Deslizador de rango nativo CSS de Foundation
- Foundation CSS Slider Traducción de valores no lineales
- Reflujo del control deslizante Foundation CSS
- Base CSS Control deslizante Sass Referencia
- Referencia de JavaScript del control deslizante CSS de Foundation
- Cambio de CSS básico
Ejemplo:
HTML
<!DOCTYPE html> <html lang="en"> <head> <!-- Compressed CSS --> <link rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/foundation-sites@6.7.4/dist/css/foundation.min.css" crossorigin="anonymous"> </head> <body> <center> <h1 style="color:green;"> GeeksforGeeks </h1> <h3> Foundation CSS Button Basics </h3> <a href="#" class="button"> GFG Button 1 </a> <a href="#" class="button"> GFG Button 2 </a> <a href="#" class="button"> GFG Button 3 </a> <a href="#" class="button"> GFG Button 4 </a> <center> <strong>Foundation CSS Switch</strong> <br/><br/> <div class="switch"> <input class="switch-input" id="exampleSwitch" type="checkbox" name="exampleSwitch"> <label class="switch-paddle" for="exampleSwitch"> <span class="show-for-sr">GeeksforGeeks</span> </label> </div> </center> </center> </body> </html>
Producción:
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