Empecemos por el principio
Aprende Css de manera fácil. Con todo tipo de contenido gratuito. Libros, Videos, Cursos, explicaciones sencillas etc. Sumérgete en el diseño web
Introducción a Css:
Para empezar existen 3 formas de usar CSS en un documento de HTML.
La primera forma sería usarlo en linea, es decir, usar el atributo style dentro de la etiqueta a la cuál queremos modificar:
<!doctype html>
<html>
<head>
</head>
<body>
<h1 style="font-size: 24px;">Estilos en línea con CSS</h1>
<p style="font-size: 16px;">Este es un ejemplo de cómo aplicar estilos </p>
</body>
</html>
La segunda forma es poner el style dentro del head, y ahí meter todo el estilo de la página:
<!doctype html>
<html>
<head>
<style>
h1{
font-size: 24px;
}
p{
font-size: 16px;
}
</style>
</head>
<body>
<h1 >Estilos en línea con CSS</h1>
<p>Este es un ejemplo de cómo aplicar estilos</p>
</body>
</html>
Y por último la tercera forma y más utilizada, consiste en meter todo el código CSS en un documento externo con extensión .css, para vincularlo a nuestro HTML usamos la etiqueta <link> dentro del head con el nombre de nuestro documento, en este caso llamado styles.css:
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1 >Estilos en línea con CSS</h1>
<p>Este es un ejemplo de cómo aplicar estilos</p>
</body>
</html>