Quién mantiene(hace) el estandar de CSS? Como se hace en la actualidad? conepto de modules?
- la W3C
- a través de MODULES (dividen la especificación en trozos (temáticas)(antes era monolítica))
Que es un tipo MIME? Cuál es el de CSS? Otro ejemplo reseñable
- Estándar de la IANA para identificar contenido Multimedia
- text/css (tipo/subtipo)
- de concurso pero image/svg+xml – > para gráficos vectoriales escalables
Novedades que introdujo CSS3?
- Medias Queries (Responsive) – > Cambia estilos dinámicamente
- Modules
- Flexbox/Grid - > modelos de posicionamiento
- Multi columna
- Animaciones/ Efectos/ nuevos Selectores
Qué es un Preprocesador CSS y algunos ejemplos de Productos?
- Es un super lenguaje para desarrollar (alto nivel) que por debajo trabaja con CSS se necesita transpilar (de código fuente a código fuente) (en todos lados lo llaman compilar)
- no lo entiende el navegador - Productos:
- LESS (lessc: de .less a .css)
- SASS
- STYLUS
- POSTCSS
Qué es un Framework CSS y algunos ejemplos de Productos?
- Es un CSS con conjuntos de estilos predefinidos (se importan y se usan)
- Framework CSS =/= Framework JS - Productos:
- Bootstrap (twitter - > en un examen lo pusieron tmb como de JS)
- Foundation
- Bulma
- Materialize (Google)
- Tailwing
Sintaxis general de CSS:
selector/es (separados por comas) {
Propiedad: Valor(es) ; (el ‘’;’’ es opcional (Buena Práctica))
}
Que es un Identificador? cómo se identifica?
- es un selector que sirve para poner un estilo a un elemento html con este atributo (id=”…”)
- como selector con un #selector
Que es una clase cómo se identifica?
- es un selector que sirve para poner un estilo a VARIOS elementos html con este atributo (Class=”…”)
- como selector con un .selector
Que efecto tiene el selector de: Etiqueta.Clase{?}?
Pone el estilo sólo a la etiqueta elegida dentro de una clase
Que efecto tiene el selector de:
Etiqueta1, Etiqueta2{?}?
Es un agrupamiento, son selectores independientes (les da el mismo estilo)
Que efecto tiene el selector de:
Etiqueta1 Etiqueta2{?}? (es un espacio)
Contextuales. Le aplica el estilo a la etiqueta 2 dentro de etiqueta 1 (a cualquier nivel de descendencia)
Que efecto tiene el selector de:
Etiqueta1>Etiqueta2{?}?
Le aplica el estilo a la etiqueta 2 dentro de etiqueta 1 (Sólo al hijo directo)
Que efecto tiene el selector de:
Etiqueta1 ~ Etiqueta2{?}?
Aplica el estilo a 2 si es hermano de 1. (a cualquier nivel de hermanos, pero la 1 tiene que estar antes que la 2)
Que efecto tiene el selector de:
Etiqueta1 + Etiqueta2{?}?
Aplica el estilo a 2 si es hermano de 1. (No puede haber otras en medio y la 1 tiene que estar antes que la 2)
Que efecto tiene el selector de:
E [atr ^ = algo]{?}?
selector de atributo. Indica que empieza por “algo”
Que efecto tiene el selector de:
E [atr $ = algo]{?}?
selector de atributo. Indica que termina por “algo”
Que efecto tiene el selector de:
E [atr * = algo]{?}?
selector de atributo. Indica que contiene “algo”
Que efecto tiene el selector de:
E [atr ~ = val1]{?}?
Busca un valor en una lista separada por espacios
(ej. E atr “val2 val1 val3”)
Que efecto tiene el selector de:
E [atr] {?}?
Selector de atributo. Tiene que tener el atributo definido
Que efecto tiene el selector de:
E : not ([…])?
busca lo contrario (revisar)
Que es el document.querySelector(?) y document.querySelectorALL(?) y que producto lo usa como base?
- Es un método del arbol DOM para localizar nodos del árbol dinámicamente en base a un selector
(Busca cualquier selector válido de CSS x JS) - Jquery
Diferencias entre Pseudoclass y Pseudoelementos?
Pseudoclases afectan a etiquetas y los Pseudoelementos NO afectan a una etiqueta
Qué es una Pseudoclase? Sintaxis
- Se utilizan para hacer referencia a elementos HTML que tengan un cierto comportamiento concreto
- Selector : “laPseudoClase” ?
Qué es un Pseudoelemento? Sintaxis
- Los pseudoelementos permiten seleccionar y dar estilo a elementos que no existen en el HTML, o que no son un simple elemento en sí
- Selector :: “PseudoElemento” ?
)
)
