¿Cómo crear migas de pan usando HTML y CSS?

Crear una navegación atractiva con Breadcrumbs es bastante difícil para los que NO son expertos en CSS. Sin usar CSS, la navegación de Breadcrumbs robará la belleza de su sitio web. Usando solo HTML y CSS podemos crear una navegación atractiva con Breadcrumbs. En este artículo, el enfoque principal será CSS. Primero crearemos la estructura … Continue reading «¿Cómo crear migas de pan usando HTML y CSS?»

Materializar medios CSS

Materialise CSS proporciona varias clases para que los medios respondan. Imágenes: las imágenes se pueden diseñar de las siguientes maneras: Imágenes receptivas: para que las imágenes respondan al ancho de la página, se agrega la clase responsive-img  con la etiqueta de imagen. <img class=»responsive-img» src=»image.jpg»> Imágenes circulares: para que la imagen se vea circular, se … Continue reading «Materializar medios CSS»

¿Cómo evitar que cualquier elemento flote a los lados del elemento de párrafo en CSS?

En este artículo, aprenderemos cómo evitar que un elemento flote a los lados de un elemento de párrafo en CSS. La propiedad clear se usa para controlar que un elemento flote a los lados de un párrafo. Enfoque: La propiedad clear se usa para controlar que un elemento flote a los lados de un párrafo. … Continue reading «¿Cómo evitar que cualquier elemento flote a los lados del elemento de párrafo en CSS?»

CSS | propiedad izquierda

La propiedad izquierda en CSS se usa para especificar la posición horizontal de un elemento posicionado. No tiene efecto sobre elementos no posicionados. Nota: Si la propiedad de posición es absoluta o fija, la propiedad izquierda especifica la distancia entre el borde izquierdo del elemento y el borde izquierdo del bloque que lo contiene. Si … Continue reading «CSS | propiedad izquierda»

Propiedad de diseño de tabla CSS

La propiedad table-layout en CSS se usa para mostrar el diseño de la tabla. Esta propiedad se usa básicamente para establecer el algoritmo que se usa para diseñar celdas, filas y columnas de <tabla> . Sintaxis: table-layout: auto|fixed|initial|inherit; Valor por defecto: Su valor por defecto es automático.  El valor de la propiedad: auto: Se utiliza … Continue reading «Propiedad de diseño de tabla CSS»

Opacidad del anillo CSS de Tailwind

Esta clase acepta mucho valor en Tailwind CSS en el que todas las propiedades están cubiertas como en forma de clase. Usando esta clase podemos establecer la opacidad de cualquier anillo. En CSS, hacemos eso usando la propiedad CSS Opacity . Clase de opacidad del anillo: ring-opacity-0: controle la opacidad del color del marcador de … Continue reading «Opacidad del anillo CSS de Tailwind»

HTML | DOM Ubicación href Propiedad

La propiedad Location href en HTML se usa para establecer o devolver la URL completa de la página actual. La propiedad Location href también se puede usar para establecer el punto de valor href en otro sitio web o en una dirección de correo electrónico. La propiedad Location href devuelve una string que contiene la … Continue reading «HTML | DOM Ubicación href Propiedad»

Materializar colores CSS

Está creado con HTML, CSS y JavaScript, y diseñado por Google. Material Design es un lenguaje de diseño que combina los principios clásicos del diseño exitoso junto con la innovación y la tecnología. Color: aquí hay una paleta de colores basada en los colores base del diseño de materiales. Cada uno de estos colores se define … Continue reading «Materializar colores CSS»

Tailwind CSS Fondo Invertir

La clase de inversión de fondo es una función incorporada que se usa para aplicar un filtro a la imagen para establecer la inversión del color de la imagen de muestra. Tailwind CSS recientemente agregó brillo de funciones en la versión 2.1. Invertir telón de fondo: backdrop-invert-0: esta clase se utiliza para representar el color … Continue reading «Tailwind CSS Fondo Invertir»

HTML | Propiedad de protocolo de ubicación DOM

La propiedad de protocolo de ubicación en HTML se utiliza para devolver el protocolo o establecer el protocolo de la URL actual. Devuelve una string que contiene el protocolo de la URL actual, incluidos los dos puntos (:). Sintaxis:   Devuelve la propiedad del protocolo.   location.protocol Se utiliza para establecer la propiedad del protocolo.   location.protocol = … Continue reading «HTML | Propiedad de protocolo de ubicación DOM»