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 fácil de mantener. 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.
En este artículo, veremos el párrafo tipográfico de Blaze UI . La clase de párrafo se utiliza para agregar un texto de párrafo a la página web. Proporciona a los usuarios agregar contenido de texto de varias líneas al sitio web.
Blaze UI Typography Clase de párrafo:
- c-paragraph: Esta clase se utiliza para agregar un párrafo a la página web.
Sintaxis:
<p class="c-paragraph">Write your content here...</p>
Ejemplo 1: el siguiente ejemplo muestra la clase de párrafo de la interfaz de usuario de Blaze.
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content= "width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href= "https://unpkg.com/@blaze/css@x.x.x/dist/blaze/blaze.css" /> </head> <body> <div class="u-centered"> <h1 style="color: green;"> GeeksforGeeks </h1> <h2>Blaze UI Typography Paragraphs </h2> <p class="c-paragraph"> This Paragraph is written with the help of <i>c-paragraph</i> class in Blaze UI </p> </div> </body> </html>
Producción:
Ejemplo 2: el siguiente ejemplo muestra el párrafo de varias líneas utilizado en la etiqueta <span> de la interfaz de usuario de Blaze.
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content= "width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href= "https://unpkg.com/@blaze/css@x.x.x/dist/blaze/blaze.css" /> </head> <body> <div class="u-centered"> <h1 style="color: green;"> GeeksforGeeks </h1> <h2>Blaze UI Typography Paragraphs </h2> <span class="c-paragraph"> GeeksforGeeks is a computer science portal for Geeks. You can find here various articles, tutorials, and quizzes. <br>You can also participate in discussions and ask questions. </span> </div> </body> </html>
Producción:
Referencia: https://www.blazeui.com/components/typography
Publicación traducida automáticamente
Artículo escrito por tarunsinghwap7 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA