Es la manera en la cual podemos posicionar las cajas. En el navegador la posición por defecto es “static”, quedan donde tú las colocas. Por eso, todos los bloques se ubican uno debajo de otro. Tomado de Platzi.com Sin embargo, tenemos la flexibilidad de utilizar otros tipos de posicionamiento como: Absolute. Hace que los contenedores […]
Las medidas absolutas son aquellos valores que aplicamos de forma exacta a los elementos, por ejemplo: el tamaño de fuente en pixeles, un ancho y alto de caja en pixeles, etc. Las medidas absolutas, no cambian sin importar el tamaño de pantalla en el que se esté visualizando los elementos. Las medidas relativas, son valores
Medidas en CSS, relativas y absolutas Read More »
Los combinadores nos permiten tener una especificidad mucho más certera y nos ayudará a evitar varios IDs, o ID, con etiqueta, etiqueta y etiqueta. Se lee raro, pero sigue leyendo. Tenemos cuatro opciones de combinadores, existen muchos más, pero estos son las más importantes y utilizadas. Ejemplo Vamos a crear un documento HTML el cual
Los combinadores en CSS Read More »
La herencia es el concepto de cascada de los Estilos CSS. Es decir, son los estilos que un elemento padre le proporciona a un elemento hijo bajo la jerarquía de cascada. Ejemplo Crearemos un documento HTML el cual va a tener un título y un párrafo. Se sabe que por defecto y sin aplicar estilos
Para CSS, todos los elementos de un documento HTML son cajas. Tú trabajas con cajas que son contenedoras de contenido. A estas cajas se le puede aplicar estilos y a esto se le denomina, modelo de cajas. Esta imagen es tomada de la opción inspeccionar del navegador web Google Chrome 1 – margin. Es un
Las clases deben nombrarse adecuadamente tanto en el documento HTML como en el CSS. Esto, garantiza que los estilos se apliquen a un elemento o conjunto de elementos determinados. Imagínate que tienes un menú de navegación compuesto de una lista desordenada. Pero, también tienes otras listas desordenadas en el mismo documento HTML y un conflicto
Pseudo clases y pseudo elementos Read More »
Existen tres maneras de aplicar estilos CSS en los documentos HTML por etiqueta, por clase y por id. 1 – Aplicación de estilos CSS por etiqueta En el documento estilos.css la sintaxis correcta para aplicar estilos a las etiquetas HTML es la siguiente: p { color: blue; font-size: 14px;} Según el código anterior, a la
Aplicar estilos por etiqueta, selector, class y id Read More »
Los estilos CSS afectan directamente a las etiquetas HTML. En ese sentido, existen tres maneras de inyectar código CSS a los documentos HTML para que estas tengan el color, la belleza y la experiencia de uso que deseamos. 1 – Referenciando un documento de estilos CSS en la etiqueta <head></head> Ejemplo <head><link rel="stylesheet" href="./estilos.css"></head> Esta
Cómo aplicar estilos CSS para un documento HTML Read More »
¿Qué hace que las páginas web tengan una apariencia tan bonita? Y la respuesta a esto, es gracias a la tecnología Frontend CSS. CSS es la sigla que describe: “Cascading Style Sheets” que en español significa “Hojas de Estilo en Cascada”. El CSS es el estándar Frontend que nos permite estilizar nuestras etiquetas HTML. Dato
Qué es CSS y para qué sirve Read More »
Como todo lenguaje, CSS tiene una sintaxis estricta para poder aplicar estilos en nuestras páginas web o aplicaciones. A cada estilo se le define como regla CSS y todo el archivo .css simplemente son un conjunto de reglas de estilos. Anatomía de una regla CSS El primer elemento de la regla es el selector, pseudo
Sintaxis básica de una regla CSS Read More »
