SELECTORES BÁSICOS CSS
etiqueta, id , clase
REGLAS CSS
Todo el código CSS se compone de reglas.
Una regla es el conjunto de propiedades que se van a
aplicar a un elemento determinado.
Una regla CSS siempre tiene un selector (el elemento al
que quiero modificar) y una declaración (las características
que le quiero agregar o cambiar). La declaración va
encerrada entre llaves { } y dentro de ella se escriben todas
las propiedades con sus valores,
SELECTOR DECLARACIÓN
separadas por punto y
coma, que modificarán al selector.
p { font-family : arial ; color : blue ; font-size : 14pt ; }
PROPIEDAD VALOR
REGLAS CSS
Cuando la regla es corta se suele escribir en una línea.
p { font-family : arial ; color : blue ; }
Si la regla es larga se suele poner el selector y abrir llave,
escribir en líneas separadas cada una de las propiedades de
la declaración, y cerrar
p { la llave al final en la última línea.
font-family : arial ;
color : blue ;
font-size : 14px ;
text-align : center ;
}
REGLAS CSS
SELECTORES BÁSICOS CSS: etiqueta, ID, clase
SELECTORES BÁSICOS CSS: etiqueta, ID, clase
Seleccionamos las etiquetas H1
SELECTORES BÁSICOS CSS: etiqueta, ID, clase
Seleccionamos las etiquetas H2
SELECTORES BÁSICOS CSS: etiqueta, ID, clase
Seleccionamos las etiquetas P
SELECTORES BÁSICOS CSS: etiqueta, ID, clase
Seleccionamos las etiquetas STRONG
SELECTORES BÁSICOS CSS: etiqueta, ID, clase
Seleccionamos las etiquetas EM
SELECTORES BÁSICOS CSS: etiqueta, ID, clase
Seleccionamos las etiquetas Q
SELECTORES BÁSICOS CSS: etiqueta, ID, clase
Seleccionamos el ID “primera”
El selector de ID lleva una almohadilla antes del nombre
SELECTORES BÁSICOS CSS: etiqueta, ID, clase
Seleccionamos el ID “ultima”
SELECTORES BÁSICOS CSS: etiqueta, ID, clase
Seleccionamos la clase ”impar”
El selector de clase lleva un punto antes del nombre
SELECTORES BÁSICOS CSS: etiqueta, ID, clase
Seleccionamos la clase ”par”
SELECTORES BÁSICOS CSS: etiqueta, ID, clase
Seleccionamos las etiquetas H1 y H2
Podemos agrupar varios selectores si los separamos por comas
SELECTORES BÁSICOS CSS: etiqueta, ID, clase Seleccionamos las etiquetas H1,
el ID “primera” y la clase estribillo
Los selectores que se agrupan no tienen por que ser del mismo tipo
SELECTORES BÁSICOS CSS: etiqueta, ID, clase Aplicando varias modificaciones a
la etiqueta H1 en una regla CSS
César Jodra
[Link]