La etiqueta <style> en HTML nos ayuda a establecer el color del texto y el estilo de fuente en HTML. Esta modificación incluye cambiar el tamaño de fuente, familia de fuentes, color de fuente, etc. No solo el texto sino que también podemos cambiar el estilo de un cuerpo o parte de una página. Ahora veamos varios atributos de estilo y qué más admite la etiqueta.
Sintaxis:
style="property: value;"
Ejemplo: En este ejemplo, cambiaremos el color del texto y el estilo de fuente del primer contenedor de nombre de clase div ie usando la etiqueta <style>.
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">
<style>
* {
margin: 0;
padding: 0;
}
h1 {
font-size: 1.8rem;
}
p {
font-size: 1rem;
padding: 1rem 0;
}
.container {
color: blue;
font-family: cursive;
}
</style>
</head>
<body>
<!-- Section using styles -->
<div class="container">
<h1>Welcome to GFG</h1>
<p>
Coding is the New Literacy and no one
can deny this fact! And especially,
when it comes to young ones or school
students, investing the time & efforts
in learning programming skill become
more & more advantageous and rewarding.
</p>
</div>
<!-- Section without styles -->
<div>
<h1>Welcome to GFG</h1>
<p>
Coding is the New Literacy and no one
can deny this fact! And especially,
when it comes to young ones or school
students, investing the time & efforts
in learning programming skill become
more & more advantageous and rewarding.
</p>
</div>
</body>
</html>
Producción
Publicación traducida automáticamente
Artículo escrito por gurjeetsinghvirdee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA