Preguntas con la etiqueta [css]

Usar para preguntas sobre hoja de estilo en cascada o CSS (siglas en inglés de *cascading style sheets*).

Filtrar por
Ordenado por
Etiquetadas con
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 ...
Shaz's user avatar
  • 29.2k
77 votos
2 respuestas
127k 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?
Francisco Romero's user avatar
46 votos
12 respuestas
33k vistas

¿Cómo puedo centrar horizontalmente un div dentro de otro div?

Necesito centrar horizontalmente el div interno dentro del externo tomando como base este código HTML y CSS: <div class="externo"> <div class="interno"> </div> </div> ...
Mosty Mostacho's user avatar
39 votos
10 respuestas
92k vistas

Como evitar el caché de los archivos css y js

Últimamente me he visto con muchos problemas en Google Chrome (en otros navegadores me va bien, exceptuando también Safari en Mac) al momento de cargar una nueva versión de una hoja de estilos (.css) ...
Jorius's user avatar
  • 6,361
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 ...
fedorqui's user avatar
  • 16.6k
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 ...
A. Cedano's user avatar
  • 93.9k
28 votos
10 respuestas
94k vistas

CSS para alert() o confirm() de JavaScript

me gustaría que me ayudaran a darle css a los alert() y a los confirm() de javascript, para que mis mensajes sean algo elegantes, no quiero optar por un modal solo para confirmaciones, así que si ...
Shassain's user avatar
  • 5,514
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 { /* ...
Alvaro Montoro's user avatar
  • 49.3k
23 votos
2 respuestas
337 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
lugomezb's user avatar
  • 373
21 votos
2 respuestas
3k vistas

Generar un grid con un div que ocupe más de una fila en Bootstrap 4

Estaba utilizando una versión 3 de Bootstrap. Ahora que actualicé a la versión 4 tengo el siguiente problema: Me funcionaba con Bootstrap 3 (ver en página completa): .titulo { height: 200px; ...
carlos lopez's user avatar
21 votos
3 respuestas
2k vistas

¿Cómo hacer un cilindro con css?

Estoy utilizando HTML y CSS para aprender/practicar transformaciones 2D y 3D y para ello estoy dibujando una pila 9v tridimensional (porque es sencilla y cuadradita). Hasta ahora todo ha sido sencillo ...
Alvaro Montoro's user avatar
  • 49.3k
20 votos
9 respuestas
335k vistas

Posicionar footer SIEMPRE pegado al pie de pagina

Buenas tardes gente!. He buscado por media hora y no encontré nada que me sirva o me de resultados positivos. Tengo una tabla dinámica que cambia la cantidad de filas a mostrar según lo que uno ...
Lucas. D's user avatar
  • 1,323
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 ...
Alvaro Montoro's user avatar
  • 49.3k
19 votos
1 respuesta
696 vistas

¿Cómo funciona exactamente nth-child?

La pseudoclase :nth-child se suele usar en tablas o listados para diferenciar las filas pares de las impares: li:nth-of-type(2n) { background-color: #ccc; } <ul> <li>elemento1&...
user avatar
19 votos
3 respuestas
3k vistas

¿Cómo puedo crear un checkbox con 3 estados (true, null, false) con bootstrap?

Como utilizo bootstrap me busqué este estilo para realizarlo más amigable al usuario, puesto que en ellos represento botones con estados true y false. Lo realizo de la siguiente manera: $(...
bypabloc_'s user avatar
  • 1,885
17 votos
2 respuestas
1k vistas

¿Hay alguna forma de provocar dos cambios pulsando en un único label?

He estado haciendo pruebas con HTML y CSS para crear un juego de mesa simple sin utilizar JavaScript. Uso labels y radio buttons para crear los diferentes estados y simular la lógica para que cada ...
Alvaro Montoro's user avatar
  • 49.3k
15 votos
4 respuestas
33k vistas

¿ Como averiguar si un elemento tiene una clase?

Tengo este elemento: <input id="Nombre" class="clase1 clase2 clase3" type="text" /> en JavaScript puedo obtener el elemento de esta manera: var item = document.getElementById("Nombre"); ...
Popularfan's user avatar
  • 1,122
14 votos
4 respuestas
10k vistas

¿Cómo centrar el contenido de dos input text como si fuesen uno solo?

Tengo dos <input type="text"> y necesito que ambos queden centrados como si fuesen uno sólo, me explico: Existen dos campos, uno para nombre y otro para apellido, si introduzco por ejemplo "...
EMCode's user avatar
  • 1,071
14 votos
2 respuestas
3k vistas

Animación CSS tras presionar input submit en formulario HTML

Resulta que tengo este login simple, manejo Overhang.js para mostrar un mensaje en caso de que las credenciales sean incorrectas. Con este mismo plugin podría mostrar un mensaje cuando el acceso es ...
LauraZ's user avatar
  • 882
14 votos
2 respuestas
1k vistas

Zoom dentro de un img en un div

Estoy tratando de hacer zoom dentro de una imagen que está dentro de un div, todo esto ya lo conseguí pero al hacer hover sobre la imagen solo me da un zoom general y a mi me gustaría que cuando mueva ...
E.Rawrdríguez.Ophanim's user avatar
13 votos
5 respuestas
8k vistas

Selector para todos los elementos menos el primero

Tengo 11 elementos p con la clase title p.title ¿ Cual sería el selector para añadir estilos a todos los p.title menos al primero ? Podría seleccionar todos los demás con nth-child() y sus números ...
David's user avatar
  • 1,303
13 votos
1 respuesta
485 vistas

¿Cómo sé qué fuentes tiene un sistema y si debo importarlas o no a la hora de cargar una página?

Al hilo de ¿Cómo defino el tipo de letra que se ve en toda la página con Bootstrap? aprendí que hay fuentes que vienen de serie y otras que no, pero que esto depende del sistema ...
fedorqui's user avatar
  • 16.6k
13 votos
2 respuestas
766 vistas

¿Cómo hacer un filtro?

Estoy intentado realizar un filtro pero no tengo idea como hacerlo, puedo recibir sugerencias, el filtro funciona de la siguiente manera: Cuando le den click a uno de los tags en la parte superior se ...
zerokira's user avatar
  • 1,915
13 votos
4 respuestas
2k vistas

Cambiar color de elementos HTML al mantener pulsado el mouse

Estoy intentando cambiar de color los elementos, cambiando su clase, mientras se mantenga pulsado el mouse, dando efecto de "pintar". Haciendolo por clicks del ratón lo tengo, aquí os dejo el código: ...
mperez's user avatar
  • 395
13 votos
4 respuestas
34k vistas

¿Cómo lograr que un texto salga en una sola línea en HTML?

Tengo un caso donde quiero mostrar un texto que ocupe todo el ancho de su contenedor y no ocupe mas de una sola línea pero en caso que tenga caracteres separadores de línea no muestre las líneas ...
devconcept's user avatar
  • 12.8k
13 votos
1 respuesta
988 vistas

Rotar rueda mediante la fuerza de presión

¿Cómo rotarlo mediante la fuerza de empuje?, ahora funciona con doble click, pero ¿cómo hacerlo que rote empujando el ratón?. Debería moverse la rueda como si se arrojara un objeto ...
hubman's user avatar
  • 2,714
13 votos
2 respuestas
22k vistas

Mostrar barra de progreso con valores mientras se carga subpagina

Tengo un preload o progress que muestro antes de ser redireccionado a otra página. Lo que deseo es que mientras se está cargando para abrir otra página, el div del progress vaya aumentándose hasta el ...
Danilo 's user avatar
  • 2,528
13 votos
1 respuesta
552 vistas

Transition en CSS

Lo que trato de hacer es quede una sombra de fondo que pase de izquierda a derecha. El background lo que hace es darle otro color de fondo, pero en vez de que aparezca , que se mueva. modifique todo. ...
user avatar
12 votos
4 respuestas
132k vistas

¿Cómo agregar una clase a un div usando JavaScript?

Necesito agregar el siguiente atributo de bootstrap (col-md-6) a un div que por defecto se imprime ya con una clase existente: <div class="images" style="opacity: 1;"> Ustedes dirán que lo ...
user18839's user avatar
  • 145
12 votos
2 respuestas
1k vistas

Cambiar propiedades del elemento anterior solamente con CSS

Tengo dos elementos div, lo que quiero conseguir es que al pasar con el ratón sobre el primer elemento se cambie el color del segundo, y al pasar sobre el segundo se cambie el color del primero. No se ...
Juaqui's user avatar
  • 327
12 votos
3 respuestas
962 vistas

¿ Cómo crear animación, uno para cada lado?

Estoy tratando de que pasen las figuras de la imagen por la pantalla cada cierto tiempo y uno hacia la izquierda y otro hacia la derecha. Por más que le doy vueltas no consigo, o se quedan estáticos, ...
Miguel Espeso's user avatar
12 votos
3 respuestas
374 vistas

Error al cambiar color on mouseover

Hace poco estaba en mi curso de JavaScript y me mandaron a hacer un ejercicio en cuestion, como este: Crea una página que muestre cinco cuadrados pequeños de diferentes colores y un cuadrado grande. ...
kian 14's user avatar
  • 131
12 votos
1 respuesta
2k 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?
Francisco Romero's user avatar
12 votos
0 respuestas
319 vistas

VueJS. Se puede agregar la propiedad v-on a una tag transition-group?

Estoy trabajando en un proyecto de Vuejs 2.5, en el cual tengo una tabla dinamica con una animacion que se la proveo de la etiqueta predeterminada y en ella le digo que va a funcionar como un tbody ...
Nix's user avatar
  • 123
11 votos
1 respuesta
4k vistas

Efecto "Pulso" en CSS3

Hola, estoy intentado lograr un efecto de "Pulso" sobre un circulo, usando solo CSS3 puro. Abajo dejo un ejemplo de lo esperado. Es posible? Esperado Actual #circle { width: 70px; height: ...
nawelittle's user avatar
11 votos
3 respuestas
570 vistas

Cómo escalar varias imágenes un mismo factor con CSS

Tengo una serie de imágenes que se van construyendo incrementalmente, es decir, cada una es igual a la anterior más alguna otra cosa. Por ejemplo (ejecutar el snippet para ver las imágenes): <...
abulafia's user avatar
  • 58.4k
11 votos
1 respuesta
744 vistas

¿Por qué en CSS se definen 12 columnas?

Últimamente estoy desarrollando algún producto de frontend y, viniendo del mundo del backend, me encuentro con elementos ampliamente utilizados pero que para mí son nuevos. Últimamente me está ...
fedorqui's user avatar
  • 16.6k
10 votos
7 respuestas
90k vistas

¿Cómo solucionar el desbordamiento del contenido en un div?

El contenido se sale del div, pero el div debería crecer verticalmente y no utilizar scrollbars. ¿Cómo lo soluciono? div{ background:red; height:100px; width:100px; word-wrap: break-word; } ...
hubman's user avatar
  • 2,714
10 votos
4 respuestas
881 vistas

¿Cómo agregar código CSS a mi página?

Tengo un sitio web la verdad no entiendo mucho de lo que estoy haciendo pero: Mi código HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <...
LuxBellum's user avatar
  • 105
10 votos
7 respuestas
60k vistas

¿Cómo situar el footer siempre abajo?

Estoy haciendo una página web y realmente no sé mucho de css ni de html. ¿Cómo hago para mantener el footer siempre al final de la página? Me queda un espacio entre el footer y el final de la página. ...
Daniel's user avatar
  • 439
10 votos
2 respuestas
511 vistas

¿Qué medida de referencia usa la unidad rem de CSS?

En CSS existen dos tipos de medidas relativas: em y rem. El primero es un tanto por uno que toma como referencia el tamaño del elemento padre. En el segundo caso, tenemos otro tanto por uno. Ahora ...
Sergio Durán Vega's user avatar
10 votos
1 respuesta
5k vistas

Como asignar a un mismo elemento, dos animaciones CSS3

Estoy intentando hacer una animación de un div que los primeros 2 segundos aparezca y se posicione en el centro de la pagina y una vez terminado esta animación, que ejecute una segunda animación que ...
PictorGames's user avatar
10 votos
2 respuestas
509 vistas

Animación CSS se bloquea durante ejecución de JavaScript

Estoy desarrollando una página de carga que se mostrará mientras el contenido de la página en sí es procesado. Es un texto simple que parpadea, mientras unos círculos de mueven de izquierda a derecha. ...
Alvaro Montoro's user avatar
  • 49.3k
10 votos
2 respuestas
6k vistas

Efecto Hover con imágenes y texto

Necesito hacer el efecto hover sobre unos thumbnails. Lo que quiero es al pasar el ratón por encima, aparezca la misma imagen con una opacidad del 70% y un texto en blanco. Lo estoy haciendo con ...
Sabrina 's user avatar
10 votos
2 respuestas
231 vistas

¿Cómo funciona la conversión de una imagen a css?

En la web hay ejemplos de imágenes muy complicadas hechas exclusivamente con css, como por ejemplo la Mona Lisa en CSS. Obviamente, debieron de usar algún algoritmo para generarlas. Me gustaría ...
Ruslan López's user avatar
9 votos
3 respuestas
66k vistas

Placeholder en un select

Estoy usando placeholder en mis input de tipo texto y funcionan perfecto, solo que tengo un select, en el cual le quiero poner un placeholder donde diga "selecciona una opción", pero no aparece, ...
Emanuel Mejia's user avatar
9 votos
4 respuestas
62k vistas

Tamaño de letra escalable (responsive?)

Hay alguna manera de hacer que el tamaño de la letra sea autoescalable según el tamaño de la pantalla? He probado de poner en rem, en % pero no me funciona.
Pavlo B.'s user avatar
  • 1,905
9 votos
4 respuestas
2k vistas

¿Cómo poner un div al 100% y debajo otros div`s auto?

Cómo puedo poner el primer div al 100% de la pantalla y luego al bajar los demás div`s que sean auto dependiendo del contenido que tenga. el primer div se come el segundo ya se que es por el absolute ...
Daniel Ovidiu's user avatar
9 votos
3 respuestas
746 vistas

Alinear divs con un ícono usando Bootstrap

Quiero poder alinear estos dos div en una misma linea, y a su vez, entremedio de estos dos, poder agregar un ícono. Aquí una imagen de como me gustaría que quedara: <link href="https://cdnjs....
MoteCL's user avatar
  • 862
9 votos
3 respuestas
391 vistas

Selección de un texto [cerrada]

¿Qué debo hacer para que cuando un usuario seleccione un texto de mi página, salga de otro color en vez del color normal (azul y las letras blancas)?
rhssr's user avatar
  • 117