Foundation CSS Media contiene muchas funciones para hacer páginas bonitas y centrarse en cosas pequeñas como información sobre herramientas, colores de insignias, íconos de insignias, íconos de etiquetas, etc. para hacer una página más atractiva.
La lista completa de Foundation CSS Media se enumeran a continuación:
- Insignia CSS de la Fundación
- Fundación CSS insignia para colorear
- Iconos de la insignia CSS de la Fundación
- Base CSS Insignia Sass Referencia
- Fundación CSS Responsive Embed
- Proporciones de aspecto integradas receptivas de Foundation CSS
- Foundation CSS Responsive Embed Sass Referencia
- Etiqueta CSS básica
- Fundación CSS etiqueta para colorear
- Iconos de etiquetas CSS de base
- Base CSS Etiqueta Sass Referencia
- Base CSS Órbita
- Contenido de la diapositiva Foundation CSS Orbit
- Fundación CSS Orbit usando animación
- Fundación CSS Orbit Sass Referencia
- Base CSS Orbit Referencia de JavaScript
- Barra de progreso CSS básica
- Miniatura de CSS de la Fundación
- Base CSS Miniatura Sass Referencia
- Información sobre herramientas de CSS de la Fundación
- Información sobre herramientas de Foundation CSS
- Información sobre herramientas de Foundation CSS haciendo clic
- Foundation CSS Tooltip derecha e izquierda
- Foundation CSS Tooltip Posicionamiento explícito
- Foundation CSS Tooltip Sass Referencia
- Referencia de JavaScript de información sobre herramientas de CSS de Foundation
El siguiente ejemplo le dará una breve idea sobre los medios de Foundation CSS:
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <!-- Compressed CSS --> <link rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/foundation-sites@6.7.4/dist/css/foundation.min.css" /> </head> <body> <center> <h1 style="color:green;"> GeeksforGeeks </h1> <h3> Foundation CSS Responsive Embed Default </h3> <div class="responsive-embed "> <iframe width="420" height="315" src= "https://www.youtube.com/embed/bptRLm3OiV8"> </iframe> </div> </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