css
Usar transiciones CSS3 con fondos degradados
Estoy tratando de transición en hover con css sobre una miniatura para que en hover, el gradiente de fondo se desvanece en. L ... iner div a:hover {
background:-webkit-gradient(radial, 100 75, 100, 100 75, 0, from(rgba(0,0,0,.7)), to(rgba(0,0,0,.4)))
}
Expandir un padre a la altura de sus hijos
Tengo una estructura de página similar a esta:
<body>
<div id="parent">
<div id="childRightCol">
... era a nivel de página. Actualmente mi div padre está establecido en overflow: auto;
¿Puedes ayudarme con el CSS para esto?
¿Cómo puedo encontrar un elemento por clase CSS con XPath?
En mi página web, hay un div con un class llamado Test.
¿Cómo puedo encontrarlo con XPath?
La mejor manera de incluir CSS? ¿Por qué usar @import?
Básicamente me pregunto cuál es la ventaja / propósito de usar @import para importar hojas de estilos en una hoja de estilos ... n lugar de simplemente agregar otra ...
<link rel="stylesheet" type="text/css" href="" />
A la cabeza del documento?
Consultas de medios: ¿Cómo dirigirse a computadoras de escritorio, tabletas y dispositivos móviles?
He estado haciendo algunas investigaciones sobre consultas de medios y todavía no entiendo cómo apuntar a dispositivos de cie ... esktop
only screen and (min-width:769px)
¿Qué crees que deberían ser estos 'puntos de interrupción' para cada dispositivo?
Herramientas para desarrolladores de Chrome: ¿Cómo averiguar qué está anulando una regla CSS?
Bueno, esto es bastante sencillo. Si las herramientas para desarrolladores de Chrome me está mostrando que un estilo se anula ... la CSS está anulando?
Quiero saber si hay algo como "Muéstrame lo que anula esto".
OBS: Por favor, no me apuntes a Firebug.
¿Cómo agregar varios archivos de fuentes para la misma fuente?
Estoy mirando la página MDC para la regla CSS @font-face, pero no entiendo nada. Aparte tengo los archivos para negrita, cur ... obablemente no quiero. ¿Cómo puedo decirle al navegador todas las diferentes variantes que tengo para una fuente determinada?
img src SVG cambiar el color de relleno
Html
<img src="logo.svg" alt="Logo" class="logo-img">
Css
.logo-img path {
fill: #000;
}
El svg anterior se car ... s para intentar cambiarlo a negro no cambia, esta es mi primera vez jugando con SVG y no estoy seguro de por qué no funciona.
Bootstrap - cómo configurar el ancho fijo para?
Esquema simple:
<tr class="something">
<td>A</td>
<td>B</td>
<td>C</td ... ;B</td>
, E incluso
<td style="width: 90px;">B</td>
Pero el ancho de <td> sigue siendo el mismo.
Hace: antes no funciona en elementos img?
Estoy tratando de usar el selector :before para colocar una imagen sobre otra imagen, pero estoy encontrando que simplemente ... estilo, pero si tengo que volver y agregar un elemento span extra entre los elementos a y img, esto será mucho más trabajo.
Div ancho 100% menos cantidad fija de píxeles
¿Cómo puedo lograr la siguiente estructura sin usar tablas o JavaScript? Los bordes blancos representan bordes de divs y no ... o en jQuery, pero me gustaría mantener el diseño fuera del script y solo controlar el tamaño de un elemento (el del medio).
iPhone 5 CSS consulta de medios
El iPhone 5 tiene una pantalla más larga y no captura la vista móvil de mi sitio web. ¿Cuáles son las nuevas consultas de dis ... s de iPhone existentes?
Mi consulta de medios actual es la siguiente:
@media only screen and (max-device-width: 480px) {}
Servicio de CSS y JavaScript comprimidos con gzip desde Amazon CloudFront a través de S3
He estado buscando formas de hacer que mi sitio cargue más rápido y una forma que me gustaría explorar es hacer un mayor uso ... logrará esto;
Cómo configurar css y javascript encabezados para asegurarse de que se sirven con gzipped desde Cloudfront.
CSS background-image - ¿Cuál es el uso correcto?
¿Cuál es el uso correcto de la propiedad CSS background-image?
Las cosas clave que estoy tratando de entender es
¿Necesit ... que debería tener en cuenta para asegurarme de que funciona correctamente en los navegadores que cumplen con los estándares.
Elementos flotantes dentro de un div, flota fuera del div. ¿Por qué?
Digamos que tienes un div, digamos que lo coloreas de verde y le das un ancho definido, cuando pongo cosas dentro de él, en m ... ué es esto? ¿Hay algo que me falta, y cómo puedo conseguir elementos flotantes para estirar la altura de un div que contiene?
¿Qué fuente para el botón cerrar CSS "x"?
Quiero crear un botón de cierre usando solo CSS.
Estoy seguro de que no soy el primero en hacer esto, así que ¿alguien sabe ... fuente tiene una 'x' del mismo ancho que la altura, para que se pueda usar cross-browser para parecerse a un botón de cierre?
Centro de alineación vertical en Bootstrap 4
Estoy tratando de centrar mi Contenedor en el medio de la página usando Bootstrap 4. Hasta ahora no he tenido éxito. Cualquie ... ppy. Tenga en cuenta que esto hace lo mismo que el enfoque antes mencionado.
Resuelto gracias a @ Pete, @ZimSystems y otros
Gestión de la Explosión CSS
He estado confiando en gran medida en CSS para un sitio web en el que estoy trabajando. En este momento, todos los estilos CS ... entrarán en la práctica de usar buenas prácticas de codificación, en lugar de tener que aprenderlo de la manera que lo hice.
¿Cómo puedo hacer un carrusel de imágenes solo con CSS?
Estoy buscando hacer un carrusel de imágenes, donde un usuario puede alternar entre imágenes, haciendo clic en las flechas. P ... ry). Solo necesito la configuración básica; las transiciones suaves y similares no son necesarias.
¿Cómo puedo lograr esto?
¿Qué significa el selector CSS " ~ " (tilde/squiggle/twiddle)?
Buscar el carácter ~ no es fácil. Estaba mirando por encima de algunos CSS y encontré esto
.check:checked ~ .content {
}
¿Qué significa?