Preguntas con la etiqueta [css]
Usar para preguntas sobre hoja de estilo en cascada o CSS (siglas en inglés de *cascading style sheets*).
8,264
preguntas
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 ...
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?
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>
...
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) ...
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 ...
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 ...
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 ...
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 {
/* ...
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
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;
...
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 ...
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 ...
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 ...
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&...
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:
$(...
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 ...
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");
...
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 "...
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 ...
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 ...
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 ...
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 ...
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 ...
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:
...
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 ...
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
...
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 ...
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. ...
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 ...
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 ...
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, ...
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. ...
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?
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 ...
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: ...
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):
<...
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á ...
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;
}
...
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">
<...
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.
...
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 ...
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 ...
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.
...
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 ...
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 ...
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, ...
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.
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 ...
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....
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)?