CSS
Vincula nuestra hoja de código
HTML con los estilos gráficos
que le queremos dar a nuestro
contenido.
Estos estilos gráficos se hacen
en el lenguaje de CSS.
Son los estilos que le queremos
dar a cada una de nuestras
etiquetas de nuestro HTML.
Propiedades Ejemplo: Si queremos cambiar el
puntaje de nuestra tipografía
de los párrafos, la etiqueta
sera “p” y la propiedad será
“font-size”.
nombredeetiqueta{}
Cómo se escribe
el CSS Ej: p{}
nombredeetiqueta{
propiedad: valor;
}
Cómo se escribe
el CSS
Ej:
p{
font-size: 22px;
}
nombredeetiqueta{
propiedad: valor;
propiedad: valor;
...
}
Cómo se escribe
el CSS
Ej:
p{
font-size: 22px;
color: blue;
text-align: center;
}
Son los estilos específicos que
Clases y IDs le queremos dar a una o varias
de nuestras etiquetas de nuestro
HTML.
Estilo específico que le queremos
dar una sola vez a una etiqueta
de nuestro HTML. Solo se puede
aplicar una vez.
IDs Ejemplo: Si queremos cambiar el
color de nuestro resumen, la eti-
queta sera “p” y el id será
id=”resumen”
En CSS se anotará como #resumen {
}
Estilo específico que le queremos
dar a varias etiquetas de nuestro
HTML. Se puede usar la cantidad
de veces que se quiera.
Class Ejemplo: Si queremos cambiar el
color de nuestros párrafos 1, 3 y
5 a rosa la etiqueta sera “p” y
la clase será class=”p-rosa”
En CSS se anotará como .p-rosa {
}
html
<p class= “p-rosa”> CON-
TENIDO </p>
css
Dónde se ubican
.p-rosa{
propiedad: valor;
propiedad: valor;
}