Párrafos tipográficos de Blaze UI

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *