CSS es un lenguaje para definir el estilo o la apariencia de las paginas web, escritas con HTML o de los documentos XML. CSS se creo para separar el contenido de la forma, a la vez que permite a los diseñadores mantener un control mucho mas preciso sobre la apariencia de las paginas.
CSS sirve para definir la estetica de un sitio web en un documento externo y eso mismo permite que modificado ese documento podamos cambiar la estetica entera de un sitio web.
Formas de aplicar CSS
En linea
<head>
…
<link rel="stylesheet" type="text/css" href="rutaDelArchivo.css">
</head>
<head>
…
<style type="text/css">
elementoAfectadoPorElEstilo {
propiedad1ParaEseTipoDeElementos:valor;
propiedad2ParaEseTipoDeElementos:valor;
propiedad3ParaEseTipoDeElementos:valor;
…
propiedadnParaEseTipoDeElementos:valor;
}
</style>
</head>
Externa
ul {color:red;}
a {color:green; text-decoration: none;}
Que es un comentario y como se escribe en CSS
Los comentarios son contenidos de texto que el diseñador incluye en el archivo CSS para su propia informacion y utilidad.
/* Este es un comentario en CSS */
¿Que es el modelo de cajas en CSS?
El modelo de caja CSS es un modulo CSS que define cajas rectangulares, incluyendo sus rellenos y margenes, que son generadas para los elementos y que se disponen de acuerdo al modelo de formato visual.
Elementos de linea y elementos de bloque
Los elementos en linea son:
a, span, label, strong, br, input, textarea, abbr, acronym, b, basefont, bdo, big, cite, code, dfn, em, font, i, kbd, q, s, samp, select, small, strike, sub, sup, u, u, var
Los elementos de bloque son:
div, p, h1, h2, h3, h4, h5, h6, hr, ol, ul, table, li, address, blockquote, center, dir, dl, fieldset, formisindex, noframes, noscript, pre, dd, dt, frameset, tbody, td, tfoot, th, thead, tr
Propiedades abreviadas en CSS3
Las propiedades abreviadas son propiedades CSS que perimiten asignar el valor de muchas otras propiedades de CSS al mismo tiempo. La especializacion de CSS define las propiedades abreviadas para agrupar la definicion de propiedades en comun para el mismo tema.
Herencia, cascada y especificidad en CSS
Herencia
En CSS es la ultima pieza que necesitamos conocer para tener la informacion completa y comprender que estilo se aplicara a un elemento. La idea es que unos elementos se heredaran por los elementos hijos, y otros no.
Cascada
A su nivel mas básico indica que el orden de las reglas CSS importa, pero es algo mas que eso. Que prevalezcan unos selectores sobre otros en la cascada depende de tres factores
1. Importancia.
2. Especialidad.
3. Orden del código.
Especificidad
Es una medida de especifico es un selector.
¿Que es minificar recursos?
es el proceso mediante el cual se eliminan datos innecesarios o redundantes de un recurso sin que se vea afactada la forma en que los navegadores lo procesan.
¿Que es el flex box en CSS3?
Nos permite crear un conjunto de elementos flexibles que se adaptan automaticamente a su contenedor y con el que podemos controlar parametros tales como la alineacion, direccion, ajuste de la fila, etc.
