Existen 3 formas de agregar CSS ó tipos de estilos
Por alguna razón ó por mera curiosidad necesitas saber otra forma de agregar código CSS a tu HTML. Pues aquí tienes 3 formas para poder hacerlo y conocer los tipos de CSS.
Agregar estilos CSS Externos a HTML
La manera correcta de añadir estilos CSS a un documento HTML es mediante un enlace, colocando todo el cødigo y estilos CSS dentro de un archivo .css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="estilos.css">
<title>Document</title>
</head>
<body>
</body>
</html>Añadir estilos CSS Incrustados al HTML
Esta forma permite colocar los estilos dentro del mismo archivo .html. Se hace mediante la etiqueta <style> y dentro del <head>.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.clase-parrafo{
color: red;
}
</style>
<title>CSS Incrustado</title>
</head>
<body>
</body>
</html>Agregar CSS en línea dentro de HTML
Esta forma permite colocar los estilos pero dentro del mismo código HTML usando style=””.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS en Linea</title>
</head>
<body>
<h1>Esto es CSS en Linea</h1>
<p style="color: red;">Veamos como colocar CSS dentro del CODIGO .html</p>
</body>
</html>
