Una clase en CSS es un grupo de propiedades CSS como estilo de fuente, alto, ancho, color, etc., que cuando se usa como un atributo en una etiqueta HTML, el estilo CSS se aplica a esa etiqueta.
Sintaxis:
.class_name {
CSS attributes;
}
Un carácter o símbolo de punto “ . ” se utiliza seguido del nombre de la clase. Luego se da un paréntesis de apertura y cierre “ {} ” dentro del cual se declara el estilo CSS.
Explicación: la etiqueta <style/> se usa para definir el estilo CSS dentro de un archivo .HTML . Un carácter de punto “.” se utiliza para declarar una clase seguida del nombre de la clase, que es «texto verde» en nuestro ejemplo. Luego damos paréntesis de apertura y cierre “ {} ” dentro del cual definimos las propiedades CSS.
HTML
<style>
.green-text {
/* CSS properties*/
color: green;
font-size:250%;
}
</style>
Asignando nuestra clase CSS a una etiqueta HTML:
Explicación : en la siguiente implementación, hemos asignado nuestra clase CSS de «texto verde» a la etiqueta </p> , que aplicará nuestro estilo CSS al contenido de esa etiqueta </p> .
HTML
<!DOCTYPE html>
<html>
<head>
<style>
/*CSS class*/
.green-text {
color: green;
font-size:250%;
}
</style>
</head>
<body>
<!-- class "green-text" is assigned to the </p>
tag -->
<p class="green-text">Welcome to GeeksforGeeks</p>
</body>
</html>
Producción:
Como puede ver, hemos creado con éxito una clase usando CSS y la hemos asignado a un elemento HTML. Para obtener más información sobre CSS , los selectores consultan este artículo.
Publicación traducida automáticamente
Artículo escrito por sudhanshublaze y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA