Blaze UI es un kit de herramientas de interfaz de usuario de código abierto gratuito que proporciona una excelente estructura para crear sitios web rápidamente con una base escalable y mantenible. Todos los componentes de la interfaz de usuario de Blaze se desarrollan primero para dispositivos móviles y se basan únicamente en las funciones nativas del navegador, no en una biblioteca o marco por separado. Nos ayuda a crear un sitio web escalable y receptivo de manera rápida y eficiente con un estilo consistente.
Los elementos de encabezado se utilizan para enfatizar los títulos mediante la creación de una tipografía grande y en negrita. La interfaz de usuario de Blaze proporciona varios tipos de encabezados, como encabezado súper, encabezado grande, encabezado pequeño, encabezado extrapequeño y más. En este artículo, aprenderemos sobre el encabezado extra grande. Blaze UI Headings Extra Large se usa para crear encabezados extra grandes.
Clase usada:
- c-heading u-xlarge: esta clase se utiliza para hacer encabezados extra grandes de aproximadamente 1,5 em
Sintaxis:
<h1 class="c-heading u-xlarge"> Content </h1>
Ejemplo 1: En este ejemplo, crearemos un encabezado extra grande.
HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "https://unpkg.com/@blaze/css@x.x.x/dist/blaze/blaze.css"> </head> <body> <h1 style="color:green">GeeksforGeeks</h1> <h3> Blaze UI Extra Large Headings</h3> <h1 class="c-heading u-xlarge"> GeeksforGeeks is a computer science portal </h1> </body> </html>
Producción:
Ejemplo 2: en este ejemplo, crearemos un encabezado extra grande y le daremos un estilo (encabezado de color rojo)
HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "https://unpkg.com/@blaze/css@x.x.x/dist/blaze/blaze.css"> </head> <body> <h1 style="color:green;"> GeeksforGeeks </h1> <h3> Blaze UI Extra Large Headings</h3> <h1 class="c-heading u-xlarge" style="color:red"> GeeksforGeeks is a computer science portal </h1> </body> </html>
Producción:
Referencia: https://www.blazeui.com/components/headings/
Publicación traducida automáticamente
Artículo escrito por nikitamehrotra99 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA