Foundation CSS es un marco front-end receptivo y de código abierto creado por la fundación ZURB en septiembre de 2011, que facilita el diseño de hermosos sitios web, aplicaciones y correos electrónicos receptivos para que se vean increíbles y puedan ser accesibles para cualquier dispositivo. Es utilizado por muchas empresas como Facebook, eBay, Mozilla, Adobe e incluso Disney. El marco se basa en un arranque similar a Saas. Es más sofisticado, flexible y fácilmente personalizable. También viene con CLI, por lo que es fácil de usar con paquetes de módulos. Ofrece la herramienta Fastclick.js para una renderización más rápida en dispositivos móviles.
Foundation CSS Base Typography se usa para agregar los estilos predeterminados para hacer que los elementos sean más atractivos. La tipografía base facilita la vida al proporcionar elementos y clases simples y atractivos para construir una página web atractiva.
Foundation CSS Base Typography Code se utiliza para agregar contenido de código dentro de la página web. Para agregar el contenido del código, usaremos la etiqueta <code> y para crear corchetes de ángel <>, usaremos < y >.
Etiqueta de código de tipografía base CSS de Foundation:
- Etiqueta <code>: esta etiqueta se utiliza para definir la pieza de código de computadora. La etiqueta de código es un tipo específico de texto que representa la salida de la computadora.
Sintaxis:
<code><h1> ... </h1></code>
Ejemplo 1: este ejemplo describe los usos del código de tipografía base CSS de Foundation.
HTML
<!DOCTYPE html> <html lang="en"> <head> <title> Foundation CSS Base Typography Code </title> <!-- Compressed CSS --> <link rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/foundation-sites@6.7.4/dist/css/foundation.min.css" /> <!-- Compressed JavaScript --> <script src= "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"> </script> <script src= "https://cdn.jsdelivr.net/npm/foundation-sites@6.7.4/dist/js/foundation.min.js"> </script> </head> <body> <h1 style="color: green;"> GeeksforGeeks </h1> <h3>Foundation CSS Base Typography Code</h3> <pre><code><h1>Welcome to GeeksforGeeks</h1> <p>A computer science portal</p> </code></pre> </body> </html>
Producción:
Ejemplo 2: este ejemplo describe los usos del código de tipografía base CSS de Foundation.
HTML
<!DOCTYPE html> <html lang="en"> <head> <title> Foundation CSS Base Typography Code </title> <!-- Compressed CSS --> <link rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/foundation-sites@6.7.4/dist/css/foundation.min.css" /> <!-- Compressed JavaScript --> <script src= "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"> </script> <script src= "https://cdn.jsdelivr.net/npm/foundation-sites@6.7.4/dist/js/foundation.min.js"> </script> </head> <body> <h1 style="color: green;"> GeeksforGeeks </h1> <h3>Foundation CSS Base Typography Code</h3> <pre><code> <body> <h1 class="color: green;"> Welcome to GeeksforGeeks </h1> <p>A computer science portal</p> </body> </code></pre> </body> </html>
Producción:
Referencia: https://get.foundation/sites/docs/typography-base.html#code
Publicación traducida automáticamente
Artículo escrito por blalverma92 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA