Preguntas con la etiqueta [css]

Lista css preguntas

¿Se respetan los decimales en un ancho CSS?

6
respuestas
253
votos
174.4k
vistas

Algo que me he estado preguntando durante un tiempo mientras hacía diseño CSS. ¿Se respetan los decimales en los anchos de CSS? ¿O son redondeados? .percentage { width: 49.5%; }

Supongamos que quiero decorar enlaces a ciertos tipos de archivos usando una imagen. Podría declarar mis enlaces como <a href='foo.pdf' class='pdflink'>A File!</a> entonces tener CSS como .pdflink:after { content: url('/images/pdf.png')

En CSS3 font-face, se incluyen varios tipos de fuentes como ttf, eot, woffy .svgcff ¿Por qué deberíamos utilizar todos estos tipos? Si son especiales para diferentes navegadores, ¿por qué su

Tengo el siguiente cajero automático con pantalla: Y estoy tratando de crear un div que llene todo el espacio en blanco, pero cuando intento usar "w-screen" o cualquier valor alto

Estoy intentando centrar horizontalmente un <div>elemento de bloque en una página y establecerlo en un ancho mínimo. ¿Cuál es la forma más sencilla de hacer esto? Quiero que el <div>elemento

¿Cómo haría para modificar el CSS para cambiar el color de la barra de navegación en Twitter Bootstrap?

Me gustaría preguntar cómo funcionan la altura y la flotación. Tengo un div externo y un div interno que tiene contenido. Su altura puede variar dependiendo del contenido del div

¿Cuándo utilizar la imagen de fondo IMG frente a CSS?

31
respuestas
777
votos
475.1k
vistas

¿En qué situaciones es más apropiado utilizar una IMGetiqueta HTML para mostrar una imagen, en lugar de una CSS background-image, y viceversa? Los factores pueden incluir accesibilidad, soporte del navegador,

Quiero eliminar la flecha desplegable de un <select>elemento HTML. Por ejemplo: <select style="width:30px;-webkit-appearance: none;"> <option>2000</option> <option>2001</option> <option>2002</option> ... </select> ¿Cómo hacerlo en Opera, Firefox e Internet Explorer?

¿Cuál es la diferencia entre :focus y :active?

7
respuestas
388
votos
322.2k
vistas

¿ Cuál es la diferencia entre las pseudoclases :focusy las ?:active

Barra de desplazamiento CSS personalizada para Firefox

16
respuestas
433
votos
705.8k
vistas

Quiero personalizar una barra de desplazamiento con CSS. Utilizo este código CSS de WebKit, que funciona bien para Safari y Chrome: ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-track-piece {

¿ Cuál es la diferencia entre screeny only screenen las consultas de medios? <link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" />

digamos que tengo <div class="myDiv">Hi there</div> Quiero ponerle a background-imagey darle opacityde 0.5– pero quiero que el texto que he escrito tenga total opacidad ( 1). Si escribiera el CSS

Estoy usando Bootstrap 3 para crear un diseño responsivo en el que quiero ajustar algunos tamaños de fuente según el tamaño de la pantalla. ¿Cómo puedo utilizar consultas de medios

Cuando grid-template-areas: "....... header header" "sidebar content content"; se cambia a: grid-template-areas: "....... header header" "sidebar header content"; Todo se desmorona. ¿Cómo puedo lograr el mismo efecto con el diseño