Cómo cambiar el tamaño de letra de un párrafo en particular el uso de clase CSS e id en HTML?

Aquí, vamos a aprender cómo podemos cambiar el tamaño de fuente del texto escrito en un párrafo en particular el uso de CSS class e id en HTML ?

CSS significa hojas de estilo en cascada class. Se define el estilo de los elementos HTML . El uso de CSS podemos cambiar el apariencia de todo el sitio web de acuerdo con diferentes tamaños de pantalla, usando animaciones en los elementos HTML y definir diferentes secciones de un sitio web bien diseñado. Se puede definir CSS en HTML usando tres hojas de estilo maneras- externa , hojas de estilo internas , o línea .

Se puede definir el estilo CSS como esto:

h1 {property: value;}

Ahora, vamos a ver cómo nos podemos cambiar el tamaño de fuente de párrafo en particular el uso de CSS?

1) Uso de la identificación

Podemos cambiar el estilo de párrafo en particular el uso de ID . Podemos definir ID Nombre comenzando con “#” en etiqueta de estilo bajo etiqueta de la cabeza.

#heading1{ color:red;}

Aquí, # encabezado1 es el nombre del ID de CSS, de color es el nombre de la propiedad y roja es el valor de la propiedad.

La aplicación de CSS usando ID (Aquí estoy solicitando que en la etiqueta H1).

<h1 id="heading1">

2) Utilizando for

Queremos cambiar el tamaño de fuente de los párrafos similares con mismo tamaño de fuente que utilizaremos class propiedad de CSS. Podemos definir class usando “” Con class nombre.

.para{ color:blue;}

Aquí, .PARA es el nombre del ID de CSS, de color es el nombre de la propiedad y azul es el valor de la propiedad.

La aplicación de CSS usando ID (Aquí estoy solicitando que en la etiqueta H1).

<p class="para">

Para cambiar el tamaño de fuente de párrafo en particular, podemos utilizar ID y class ambos métodos de CSS que define.

La propiedad para definir el tamaño de la fuente si “font-size” y podemos definir el valor en píxeles o en porcentaje.

Considere el código HTML (Ejemplo) – aquí estamos cambiando el tamaño de fuente en porcentajes y también la definición de los colores del texto.

<html>
<head>
<title>SAMPLE</title>
<style>
.headings
{
font-size: 150%;
color: red;
}
.para
{
font-size: 120%;
color: blue;
}
</style>
</head>
<body>
<h1 class="headings">This is sample page</h1>
<p class="para">
Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and
scrambled it to make a type specimen book.
</p>
</body>
</html>

Resultado

How to change the font size of a particular paragraph using CSS class and id in HTML? - 4


Deja un comentario

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