Preguntas con la etiqueta [css3]

La tercera edition de CSS o Hoja de Estilo en Cascada (Cascading Style Sheet - siglas en ingles) y también la ultima. Es normalmente referida como CSS3, y junta capacidades visuales potentes y técnicas versátiles de manipulación de diseño y animación.

Filtrar por
Ordenado por
Etiquetadas con
77 votos
2 respuestas
130k vistas

¿Cual es la diferencia entre position: relative, position: absolute y position: fixed?

Sé que estas propiedades de CSS sirven para posicionar un elemento dentro de la página. Sin embargo, ¿cuándo debería usar cada una de ellas?
Avatar del usuario Francisco Romero
32 votos
2 respuestas
5k vistas

CSS: ¿Qué son los media queries, para qué sirven, cómo se agrupan y cómo implementarlos?

¿Qué @media queries utilizar para alcanzar los principales dispositivos tomando en cuenta las dimensiones y resoluciones de pantalla? ¿Cómo se da alcance a dispositivos por grupos (por ejemplo, todas ...
Avatar del usuario A. Cedano
  • 94.5k
12 votos
1 respuesta
3k vistas

¿Qué es y para que se utiliza la especificidad de CSS?

He visto en muchos casos que hacen referencia a la especificidad de CSS cuando intento sobrescribir un estilo concreto de CSS. ¿Qué es realmente y para que se utiliza la especificidad de CSS?
Avatar del usuario Francisco Romero
80 votos
7 respuestas
6k vistas

Guías de estilo oficiales para HTML, CSS y Javascript

Según la Wikipedia, el estilo de programación es: Estilo de programación (también llamado estándares de código o convención de código) es un término que describe convenciones para escribir código ...
Avatar del usuario Shaz
  • 29.2k
1 voto
1 respuesta
562 vistas

¿Como marcar opción pulsada en menú bootstrap con jquery?

En otro post me pasan este código: ( document ).ready(function() { $(".nav li").on("click", function(){ $(".nav").find(".activa").removeClass("activa"); $(this).addClass("activa"); }); })...
Avatar del usuario Rafael Hernández
27 votos
1 respuesta
7k vistas

¿Qué significa la arroba (@) en CSS?

En CSS podemos definir estilos para id's con la almohadilla (#) y para clases con el punto (.), pero hay algunas reglas que van precedidas por la arroba (@) como por ejemplo: @font-face { /* ...
Avatar del usuario Alvaro Montoro
  • 49.4k
5 votos
2 respuestas
2k vistas

¿Como aplicar transformaciones CSS3 a un elemento padre sin afectar los elementos hijos?

Necesito aplicar una transformación de scale y skew a un div, pero al realizar dicha transformación resulta que también se le aplica a los elementos hijos. ¿Como hago para que los elementos hijos ...
Avatar del usuario Bender Paisa
  • 12.5k
4 votos
2 respuestas
42k vistas

¿como cambiar los colores por defecto de los options de un select?

Lo que me gustaria realizar es que la lista desplegable que sale de un select que en este caso seria un conjunto de options, tenga un color de fondo diferente y cuando se pasen sobre ello modifique la ...
Avatar del usuario David
  • 3,002
2 votos
1 respuesta
1k vistas

Personalizar cursor en mi pagina web

Deseo cambiar el cursor de mi pagina web, pero sin éxito. He buscado, 'cacharreando' y esto es lo que hice en la sección de css: body { background: url(https://pm1.narvii.com/6889/...
Avatar del usuario Diego
  • 21
1 voto
2 respuestas
13k vistas

Invertir orden de div

si tengo 2 div de la siguiente forma <div class="uno"></div> <div class="dos"></div> como hago para invertirlos con css?, sin usar position:absolute. que quede así <div ...
Avatar del usuario DANIEL FERNANDO SALINAS
1 voto
3 respuestas
2k vistas

¿Cómo tengo que situar los media-queries para diseño responsive?

He estado utilizando por primera vez este media query que encontré en esta página > enlace /* ESTILOS NORMALES (para móviles en vertical) =========================================================...
Avatar del usuario Sr Jefers
34 votos
4 respuestas
2k vistas

¿En qué casos se puede utilizar calc() en CSS?

Leí la documentación de calc() y entendí la sintaxis, pero al estar en CSS, donde no se ejecuta ningún código, no puedo hacerme la idea de cuándo se debería usar. El ejemplo paradigmático me suena ...
Avatar del usuario fedorqui
  • 16.7k
12 votos
1 respuesta
286 vistas

¿Como poner border shadow a una imagen cuando le clickas?

Estoy haciendo un formulario para seleccionar el tipo de tarjeta a la hora de pagar y quiero que cuando seleccionen la imagen del tipo de tarjeta se le marque con un sombreado alrededor. mi template ...
Avatar del usuario F Delgado
  • 1,202
8 votos
2 respuestas
13k vistas

Como rotar 180 grados horizontalmente un div

tengo un simple ejemplo de un div, el cual quiero rotarlo 180 grados Horizontalmente, mi ejemplo gira verticalmente lo cual no quiero <!DOCTYPE html> <html> <head> <style&...
Avatar del usuario hubman
  • 2,724
7 votos
8 respuestas
37k vistas

Ocultar barra de scroll sin deshabilitarlo

Quisiera encontrar la manera de ocultar la barra de scroll en el navegador. He probado lo siguiente: <style type="text/css"> body { overflow:hidden; } </style> Pero seteando ...
Avatar del usuario FABIAN  AGUILAR
7 votos
1 respuesta
2k vistas

Duda básica con margin. Padre e hijo css

Sé como solucionarlo, pero mi duda va en el por qué pasa esto. Tengo un section Padre y dentro un div Hijo. La cosa es que al colocar margin:20px en el hijo, Se le aplica un margin a todo, no solo al ...
Avatar del usuario Ralexhx
  • 399
7 votos
4 respuestas
2k vistas

¿Cómo mostrar una imagen cuando me apoyo en un div?

Tengo un div con ancho y largo fijo. Lo esperado sería que al pasar sobre este div, se muestre una imagen con una transición en una posición absoluta definida. Estoy usando solo CSS3 y Html. ...
Avatar del usuario nawelittle
6 votos
3 respuestas
179 vistas

¿Cómo funcionan estas combinaciones en css?

Estaba revisando algunas hojas de estilo de un proyecto web de tipo tienda de que estoy trabajando con un compañero, y veo que el utilizó una combinaciones de css que no conozco y no se como funcionan ...
Avatar del usuario Japh Sxas
  • 618
6 votos
3 respuestas
416 vistas

buscador de usuarios

1.- Para la búsqueda me base en el contenido de los divs, eso es una buena práctica? 2.- Cuando realizo una busqueda, y luego borro todo del input, como vuelvo a su estado inicial, es decir que se ...
Avatar del usuario hubman
  • 2,724
6 votos
5 respuestas
5k vistas

Cambiar estilo de un input type="file"

Quiero saber si es posible cambiarle el estilo por defecto que aparece al colocar un <input type="file" /> en nuestra página. Aquí dejo una captura de pantalla. La imagen anterior es una ...
Avatar del usuario Pedro Miguel Pimienta Morales
5 votos
2 respuestas
1k vistas

¿Cómo sustraer (quitar relleno) a una figura en css3?

Deseo crear está forma, deseo sustraer relleno de la parte izquierda. Es importante que pueda sustraer, ya que si pongo un circulo encima no me serviría si el fondo es una imagen. ¿Cómo podría hacerlo?...
Avatar del usuario Jhoedram
  • 211
4 votos
1 respuesta
64k vistas

¿Como crear una ventana modal con tan solo HTML y CSS?

Hola amigos, podrian explicarme por favor de forma detallada como crear una ventana modal con tan solo HTML y CSS. Lo que planeo es que cuando llene un formulario y haga click en el boton se abra una ...
Avatar del usuario Spartan456
4 votos
2 respuestas
89 vistas

Animación con CSS

Necesito animar varios div y que uno entre después de otro, he probado este código, el problema es que antes de empezar la animación, los que tienen "animation-delay" se muestran en pantalla ...
user avatar
3 votos
4 respuestas
5k vistas

Centrar verticalmente y horizontalmente un div

Estoy aprendiendo a utilizar los keyframes y animation de CSS3. Estoy creando una Galaxia y deseo poner un texto pero no logro centrarlo verticalmente, he intentado de todo pero no lo he logrado. ¿...
Avatar del usuario Hoose
  • 3,095
3 votos
2 respuestas
14k vistas

Dos div del mismo tamaño y tamaño que dependa del div que tenga más contenido

Tengo dos div que contienen texto , uno de ellos tiene más que el otro y quiero que la altura del div con menos texto sea igual que la altura del que tiene más. Es decir que el tamaño no sea fijo. ¿...
Avatar del usuario Borja Sanchez
3 votos
1 respuesta
2k vistas

Problema con propiedad de CSS para hacer scroll [cerrada]

Tengo un chat, y como saben, tengo que hacer que de alguna manera donde se ven los mensajes se pueda hacer scroll. Para eso tengo la propiedad overflow y le pongo el valor auto, pero este no muestra ...
Avatar del usuario Diesan Romero
2 votos
3 respuestas
2k vistas

¿Cómo crear un degradado de derecha a izquierda en CSS?

Ya hice uno, pero lo hace de abajo hacia arriba, y lo que deseo es que el degrade vaya de derecha a izquierda. Intente con esto: h1{ background: -webkit-linear-gradient(#d87602, #d64322); -...
Avatar del usuario Angel
  • 535
2 votos
1 respuesta
430 vistas

Calculadora JavaScript 3

Problema a la hora de hacer las operaciones con decimales, siempre dara enteros. //Variables var a; var b; var c; var d; var f; var operandoa; var operandob; var ...
Avatar del usuario Vash La Estampida
2 votos
4 respuestas
17k vistas

¿Cómo puedo poner una imagen de fondo tamaño completo en un div usando una URL?

A continuación esta mi código html, tengo un <div class="main">, un <div class="container"> y un carrusel en bootstrap. <div class="main"> <div class="container" > ...
Avatar del usuario Alejandro Ruiz
2 votos
1 respuesta
9k vistas

¿Cómo seleccionar el elemento anterior a otro con CSS?

Saludos Estoy tratando de aplicar un estilo a un elemento después de que un elemento hermano adquiera una clase, estaba utilizando el selector adyacente así. select.valid + label{..} y el HTML así. ...
Avatar del usuario Cristian Andrés C
1 voto
2 respuestas
13k vistas

Columna Fija , Tabla HTML con BOOTSTRAP 3

Necesito que la primer columna quede Fija, "fixed", es decir que yo pueda hacer scroll sobre el eje X y se siga mostrando los datos de la primera columna. ESTOY UTILIZANDO BOOTSTAP 3 table { ...
Avatar del usuario nawelittle
1 voto
2 respuestas
25k vistas

¿Cómo pongo color de fondo en un checkbox? [duplicada]

Me gustaría que me ayudaran para poder ponerle color de fondo a el input. HTML <label class="myCheckbox"><input class="checkbox" type="checkbox"></label><span class="id">{{row....
Avatar del usuario Enric
  • 111
1 voto
2 respuestas
305 vistas

como dimensionar la imagen de fondo de un <div> de acuerdo a su tamaño actual

Buen día Mi pregunta es como puedo re dimensionar la imagen de fondo de un div el cual se re dimensiona de acuerdo al tamaño de pantalla. De antemano gracias.
Avatar del usuario devjav
  • 735
1 voto
2 respuestas
495 vistas

¿Cómo hacer auto scroll hasta un elemento?

Necesito que al momento de darle clic a un li haga scroll en el div con overflow hidden hasta el div que le corresponde. $("#menu li").click(function(e) { var div_load = $(this).data("id"); ...
Avatar del usuario Ing. Marquez Adam
1 voto
3 respuestas
295 vistas

¿Cómo podría hacer responsive la página?

Este es mi CSS y a continuación pongo la primera parte del HTML. El problema es que al cambiar el ancho de la página se me separan los elementos del banner y el navcontainer. Quería que no sucediera ...
Avatar del usuario Sirc
  • 11
0 votos
1 respuesta
64 vistas

Problema con página responsive

Me encuentro con un problema, no si se si realmente causado por los mediaqueries (ya que lo he comprobado una y otra vez, y con otros proyectos que también tengo y no veo que haya ningún problema. La ...
Avatar del usuario Mario G. Lucas
-5 votos
1 respuesta
10k vistas

Como poner estilo a un Input file? [duplicada]

<input type="file" accept="image/*" class="file-input"/>
Avatar del usuario luis
  • 763
24 votos
3 respuestas
2k vistas

Carousel - ¿Cómo evitar la selección de imagen y crear un moviento automático de izquierda y derecha y aplicar un scroll horizontal?

En StackOverflow Encontré varías preguntas sobre carousel entre otros temas basándose a mi pregunta. Preguntas muy útil como guía: Logo Carousel Carousel Script Move Scrollbar Move object ...
Avatar del usuario May
  • 583
23 votos
2 respuestas
353 vistas

En un html olvidé poner el DOCTYPE así que se agregaban más estilos de user agent a una tabla... ¿Por qué?

Estos estilos se agregaron a una tabla dentro de un html sin DOCTYPE
Avatar del usuario lugomezb
  • 373
20 votos
3 respuestas
2k vistas

Actualizar texto dependiendo de valores seleccionados en una lista *SIN JAVASCRIPT*

En el trabajo nos encontramos con un problema interesante: tenemos una página con una lista desplegable que, cuando cambia la opción seleccionada, actualiza los valores de una seria de elementos a ...
Avatar del usuario Alvaro Montoro
  • 49.4k
16 votos
5 respuestas
418 vistas

¿Cómo solucionar errores en los enlaces?

Cómo puedo evitar que sobre salga y se encime sobre otros enlace cuando existe un titulo de enlace demasiado largo y conservar la distancia de los enlace de Vista previa y el tiempo 02:20 del audio &...
Avatar del usuario J. Mick
  • 103
8 votos
4 respuestas
39k vistas

¿Como puedo alinear algunos componentes de un navbar de bootstrap3 a la izquierda y otros a la derecha?

Partiendo de un navbar de Bootstrap estándar necesitamos que algunos botones o links estén alineados a la izquierda, otros al centro (por ejemplo: nuestro icono brand) y otros a la derecha. Esto fue ...
Avatar del usuario Alan
  • 2,272
8 votos
5 respuestas
90k vistas

¿Cómo aplicar una capa oscura transparente a una imagen de fondo?

Estoy tratando de aplicar un color negro transparente a una imagen de fondo para evitar colores fuertes o muy llamativos. Sin necesidad de tener que editar la imagen con algún programa en especial. ...
Avatar del usuario Otto
  • 300
7 votos
1 respuesta
4k vistas

¿Cómo detectar si el dispositivo es iPhone con CSS?

Tengo un sitio web que se ve perfectamente en un ordenador de escritorio y en dispositivos Android, pero parte del CSS (p.e. background-attachment:fixed con background-size:cover) no es "compatible" ...
Avatar del usuario Alvaro Montoro
  • 49.4k
7 votos
2 respuestas
4k vistas

¿Cómo actualizar código jQuery a la nueva versión y solucionar error en editar usuario - ajax?

Tengo realizado un pequeño script de un popup modal box jQuery. Pero observó que en la nueva versión jQuery existen nuevos cambios, código que ya está obsoleto, cómo puedo actualizar jQuery 2.1 a la ...
Avatar del usuario Pedro
  • 337
6 votos
2 respuestas
19k vistas

¿Como solucionar los espacios entre los elementos inline-block?

Cuando uso elementos con la propiedad inline-block me aparece un espacio entre los elementos: html, body { margin: 0; padding: 0; } .padre .hijo { display: inline-block; padding: 5px; ...
Avatar del usuario Black Sheep
  • 13.6k
6 votos
2 respuestas
899 vistas

¿Como hago para redimensionar el ancho de un menú segun el texto mas ancho que contiene?

Por ejemplo: si despliegan Opciones pueden observar que el texto de la opción Áreas y Procesos de Producción pasa encima de la flecha, eso quiere decir que el width del menú no se adapta a los textos ...
Avatar del usuario bypabloc_
  • 1,895
5 votos
2 respuestas
262 vistas

Error en fondo responsivo con Boostrap

Tengo una página a la cual le puse un fondo con CSS, y la adapté para que se viera con ancho y largo de 100%. Al incluirle texto encima y verla en un celular, se descuadra. Copio parte del código ...
user avatar
5 votos
1 respuesta
19k vistas

¿Colocar texto de celda de tabla html en forma vertical?

Estoy buscando la forma de colocar el texto de una celda en forma vertical, hay un código CSS que uso el transform para hacer eso pero al usarlo lo que hace es rotar toda la celda y daña el diseño. Lo ...
Avatar del usuario Fabian Montoya
5 votos
1 respuesta
2k vistas

¿Cómo crear la silueta de una imagen?

Tengo diferentes imágenes en formato PNG que muestran objetos parecidos pero de diferente tamaño y que uso para superponerlas con una de forma semitransparente para comparar sus tamaños. ¿Es posible ...
Avatar del usuario Alvaro Montoro
  • 49.4k