Foundation CSS tiene diferentes tipos de utilidades como Prototyping Utilities Sizing se usa para dar ancho y alto a un elemento. Hay varias utilidades que ayudan a ponérnoslo fácil.
La lista completa de Foundation CSS Utility se enumeran a continuación:
- Utilidades básicas de creación de prototipos CSS
- Las utilidades de creación de prototipos CSS de Foundation activan el modo de prototipo
- Foundation CSS Prototyping Utilities Puntos de interrupción receptivos
- Foundation CSS Prototyping Utilities Component Styling
- Utilidad de flecha de creación de prototipos CSS de Foundation
- Separador de utilidades de creación de prototipos CSS de Foundation
- Foundation CSS Prototyping Utilities Font Styling
- Foundation CSS Prototyping Utilities List Styling
- Foundation CSS Prototyping Utilities Asistentes de texto
- Foundation CSS Prototyping Utilities Margin Helpers
- Foundation CSS Prototyping Utilidades Ayudantes de relleno
- Foundation CSS Prototyping Utilidades Dimensionamiento
- Cuadro de borde de utilidades de creación de prototipos de CSS de Foundation
- Foundation CSS Prototyping Utilities Borde ninguno
- Foundation CSS Prototyping Utilities Mostrar clases
- Fundación CSS Prototipos Utilidades Posicionamiento
- Desbordamiento de utilidades de creación de prototipos CSS de Foundation
- Foundation CSS Prototyping Utilities Sass Mixin Helpers
- Foundation CSS Prototyping Utilities Sass Reference
- Fundación CSS Flexbox Utilidades
- Foundation CSS Flexbox Utilidades Fuente Ordenar
- Foundation CSS Flexbox Utilities Helper Mixins
- Fundación CSS Flexbox Utilidades Sass Referencia
- Clases de visibilidad de Foundation CSS
- Clases de visibilidad de Foundation CSS Mostrar por tamaño de pantalla
- Clases de visibilidad de Foundation CSS Ocultar por tamaño de pantalla
- Foundation CSS Clases de visibilidad Orientación Detección
- Foundation CSS Clases de visibilidad Accesibilidad
- Base CSS Clases de visibilidad Referencia de Sass
- Clases flotantes de CSS de la Fundación
El siguiente ejemplo le dará una breve idea sobre las Utilidades de Foundation CSS:
Ejemplo:
HTML
<html> <head> <link crossorigin="anonymous" rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/foundation-sites@6.7.4/dist/css/foundation.min.css"> <link rel="stylesheet" href= "https://get.foundation/sites/docs/assets/css/docs.css"> </head> <body> <h3 style="color:green">GeeksforGeeks</h3> <h5>Foundation CSS Prototyping Utilities Separator</h5> <br> <h3 class="separator-left">Geeks</h3> <h3 class="separator-center">for</h3> <h3 class="separator-right">Geeks</h3> </body> </html>
Producción:
Utilidades básicas de CSS
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