Articles of css

¿Cómo lograr la numeración decimal en listas ordenadas?

Con HTML y CSS, ¿puedo lograr esto? 1. 1.1 1.2 2. 2.1 2.2 usando las tags y ?

¿Cómo agregar una imagen de fondo sobre una imagen de fondo anterior?

Tengo una página css que estoy escribiendo y necesito aplicar una imagen de fondo en una clase y luego usar una clase diferente para poner una imagen de fondo parcialmente transparente encima de la que ya está allí. Es una ensalada de palabras, así que déjame darte una demostración. html{ … … … … } […]

Diferencia entre posición: pegajosa y posición: fija?

La documentación fue bastante difícil de entender ya que soy nuevo en CSS. Entonces, ¿alguien puede explicar la diferencia real entre position:sticky y position:fixed ? También agradecería un ejemplo. He revisado https://developer.mozilla.org/en-US/docs/Web/CSS/position y algunos otros artículos, pero todavía no lo entiendo.

Los elementos centrados dentro de un contenedor flexible están creciendo y desbordándose más allá de la parte superior

Debo estar olvidando algo fundamental con mi flexbox centrada vertical y horizontalmente. El contenedor está dentro de un elemento primario con desplazamiento vertical, y cuando el contenedor se vuelve demasiado alto, crece más allá de la parte superior principal, recortando el contenido. El fondo queda puesto. Intente ajustar la altura de la vista o agregue […]

Firefox: Opacidad de marcador de posición de transición

Quería que el marcador de posición de entrada se desvaneciera sin problemas en el enfoque mediante la transición, pero no puedo hacer que funcione en FF. input:focus::-moz-placeholder { opacity: 0.1; } input::-moz-placeholder { opacity: 1; transition: opacity 1s; } input::-moz-placeholder { opacity: 1; } input:focus::-webkit-input-placeholder { opacity: 0.1; } Violín Funciona bien en Chrome, pero […]

caja de sombra en la parte superior de los niños

¿Cómo puedo obtener un recuadro CSS3 box-shadow para representar sobre sus elementos hijos? Problema: HTML: User 1:Test User 2:Test User 1:Test User 2:Test CSS: #chatroom{ border: 1px solid #CCC; height: 135px; font-size: 0.75em; line-height: 1.2em; overflow: auto; -moz-box-shadow: inset 0 0px 4px rgba(0,0,0,.55); -webkit-box-shadow: inset 0 0px 4px rgba(0,0,0,.55); } .chatmessage{ padding: 4px 2px; } […]

La cuadrícula no tiene márgenes en bootstrap.

Tengo una página simple con bootstrap, y quiero crear una cuadrícula que sea de una o dos líneas en una captura de pantalla más pequeña, pero siempre obtengo algo incorrecto: con show-grid opción show-grid ver captura de pantalla 1: La división de Button y la división de IsDescending no tienen toda la altura, por lo […]

¿Cómo puedo crear div con un top puntiagudo con CSS

He visto muchos hilos relacionados de forma remota que básicamente sugieren triangularjs CSS en el :: después o :: antes de los pseudos, pero ninguno realmente se ha desarrollado. Estoy tirando esto para ver si alguien tiene alguna idea. Estoy buscando crear un div con una parte superior puntiaguda o inclinada que aún mantiene un […]

¿Hay selectores que apuntan a elementos en ciertas posiciones de la cuadrícula?

Tengo una cuadrícula CSS con un montón de elementos de cuadrícula de flujo automático. A veces, los elementos de la cuadrícula son una pista de 1 x 1, y otras veces son pistas de 2 x 2, por lo que no sé por el orden de origen qué elementos estarán en ciertas posiciones en la […]

Margen / espacio no deseado del lado izquierdo de toda la página web

Simplemente empecé a hacer un sitio y tengo un margen de unos pocos píxeles en todo el lado izquierdo y no puedo entender por qué. http://jsbin.com/elufob/1/ Cualquier consejo sería muy apreciado CSS html{ min-width: 100%; background-color: #add8e6; } .navBar{ text-align: center; background-image: linear-gradient(to bottom, #666666 0%, #000000 60%); color: white; border-bottom:solid 1px #666; top:0; height:30px; […]