Hola de nuevo, y bienvenidos a la segunda clase del curso de introducción a CSS 3.
Durante esta segunda clase, comenzaremos a darle formato al texto que introduciremos en nuestra página web. Para ello, veremos los diferentes métodos con los que podremos hacerlo.
A lo largo de esta clase, intentaremos abarcar todos los métodos posibles. No olvides ponerlo en práctica en tu propio proyecto, para ver los resultados en cada una de las opciones.
¡Vamos a ello!
RESUMEN DEL VÍDEO:
Veremos cómo poner nuestro primer cls usando la propiedad “color” para cambiar el color del texto. También cambiaremos el tamaño usando font-sise. -además vemos cómo declarar una clase en CSS, que nos permite cambiar solo ciertos elementos y no todos.
CÓDIGO DE EJEMPLO:
<!DOCTYPE html>
<html>
<head>
<title>Este es mi primer CSS</title>
<style>
p {
color: green;
}
.segundo {
font-size: 20px;
color: #FF0000;
}
#ultimo {
font-weight: bold;
font-style: italic;
color: rgb(0, 0, 240);
}
div {
background-color: #12CD93;
}
</style>
</head>
<body>
<h1 class="segundo">Este título también tiene clase</h1>
<p>Este es mi primer párrafo</p>
<p class="segundo">Este es mi primer párrafo</p>
<p class="segundo">Este es mi primer párrafo</p>
<div><h2>Soy un h2 dentro de un div</h2></div>
</body>
</html>