¿Qué es CSS?
CSS es el lenguaje que usamos para diseñar una página web.
¿Por qué usar CSS?
El CSS se utiliza para definir estilos para tus páginas web
¿Los selectores CSS se usan para?
"encontrar" (o seleccionar) los elementos HTML que se usan
¿Que hace el selector universal CSS?
Selecciona todos los elementos HTML de la página
¿Cuales son las formas de insertar una hoja de estilo?
CSS externo
CSS interno
CSS en línea
¿Que pasa si utilizo un nombre de propiedad que no existe ?
simplemente será ignorado por el navegador.
¿Que hace el Selector de Agrupación CSS?
Selecciona todos los elementos HTML con el mismo estilo definiciones
Dame 2 ejemplos de elementos a nivel de bloque:
¿Que es un sprite de imagen CSS?
es una colección de varias imágenes pequeñas reunidas en una imagen más grande llamado "imagen sprite"
¿Cuantas formas hay para insertar una hoja de estilo?
3
Dame 1 ejemplo de donde se utilicen selectores simples de CSS
#id, .class, *, element
#firstname
El elemento está posicionado respecto al ancestro posicionado más cercano
absolute
¿Para que se utilizan las propiedades de relleno CSS ?
para generar espacio alrededor el contenido de un elemento, dentro de cualquier borde definido.
¿Para que se utilizan los comentarios en CSS?
para explicar el código CSS y pueden ayudar cuando edites el código fuente en una fecha posterior.
¿Que le falta a este ejemplo para estar completo?
div.static {
position: static;
_____: 3px solid #73AD21;
border
div.static {
position: static;
border: 3px solid #73AD21;
Dame 2 pseudoclases interactivas que aplican estilos basados en la interacción del usuario:
:hover
:focus
:active
:link
:visited
Ejemplo de selector universal css
A) * {
text-align: center;
color: blue;
}
B) {
color: red;
text-align: center;
}
A) * {
text-align: center;
color: blue;
}
¿Que pasa cuando un navegador lee una hoja de estilo?
formateará el documento HTML
Dime 2 propiedades CSS comúnmente usadas para estilizar campos de entrada
¿Que significa padding: 0; ?
Reinicia el navegador predeterminado Rellenos
¿Donde se coloca un comentario CSS?
se coloca dentro del elemento HTML
Dame un consejo para evitar errores CSS
¿Que provocan los errores CSS?
comportamientos o estilos inesperados
Ejemplo de selector agrupados
A) h1, h2, p {
text-align: center;
color: red;
}
B) {
text-align: center;
color: blue;
}
A)h1, h2, p {
text-align: center;
color: red;
}
¿Que pasa si olvido poner un punto y coma al final de una declaración de propiedad ?
puede romper la regla de estilo