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…
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…
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…