Cómo guardar un documento CSS y hacer referencia a él en un documento HTML (es decir, definir una clase en CSS e identificar un elemento como esa clase en HTML)

Así es como puedes hacerlo. Lo que necesitas son dos archivos. El HTML y el CSS. Supongo que ya lo sabes.

Para vincular una hoja de estilo externa con HTML, colocamos un elemento en el encabezado del documento. Aquí hay un ejemplo:

Prueba

Esto vincula la hoja de estilo al documento. “Rel” dice que el archivo vinculado debe tratarse como una hoja de estilo CSS, y “href” es el enlace al archivo CSS.

Aquí está nuestra hoja de estilo de ejemplo:

style.css

.rojo{
color rojo;
tamaño de fuente: 40px;
}

Si recrea el escenario a continuación con sus propias hojas de estilo, debería tener éxito. Si no funciona, intente asegurarse de que los archivos estén en la misma carpeta (o, si el estilo está en una carpeta diferente, incluya una ruta completa al archivo en el “href”). Si todavía no funciona, ¡avísame y trataré de ayudarte!

Bueno, primero necesitas tu archivo css, luego en tu HTML lo vincularías así,

Cambiaría ‘main.css’ a la ubicación de sus archivos CSS.

Luego, para agregar una clase a algo en HTML, simplemente agregaría class = ‘CLASS_NAME’ a lo que desee.

En CSS para hacer referencia a la clase, usarías un punto. Aquí hay un ejemplo.

HTML:

¡Hola!

CSS:

.blue {

color de fondo: azul;

}

Ese ejemplo haría que el div que tiene la clase ‘azul’ tenga un fondo azul.

Primero, vincule su archivo CSS .

A continuación, elemento de referencia con selector de clase / id .

Sup

Hecho.