Fundación CSS
La tipografía base facilita el estilo predeterminado limpio y simple, con un estilo atractivo para los elementos tipográficos básicos, que mejoran la legibilidad. Se puede definir para los encabezados, párrafos, listas, otros componentes en línea, etc., lo que ayuda a crear un estilo atractivo para los elementos. Las pulsaciones de teclas se pueden usar para definir la entrada del teclado y el texto encerrado dentro de la etiqueta <kbd> generalmente se muestra en la fuente monoespaciada predeterminada del navegador. La etiqueta <kbd> se usa para anotar una sola pulsación de tecla o una secuencia de pulsaciones de tecla.
Sintaxis:
<kbd> Content </kbd>
No hay una clase o atributo específico para las pulsaciones de teclas. Simplemente podemos usar la etiqueta <kbd> para el elemento, para agregar la funcionalidad de pulsaciones de teclas.
Ejemplo: Este ejemplo ilustra las pulsaciones de teclado de la tipografía base CSS de Foundation, donde podemos usar una pulsación de tecla específica para realizar una tarea en particular.
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title> Foundation CSS Base Typography </title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <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> <h5>Foundation CSS Base Typography Keystrokes</h5> <p> Press <kbd>ctrl + esc</kbd> to exit the game. </p> </center> </body> </html>
Salida :
Foundation CSS Base Tipografía Pulsaciones de teclas
Referencia: https://get.foundation/sites/docs/typography-base.html#keystrokes
Publicación traducida automáticamente
Artículo escrito por isitapol2002 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA