Articles of css3

¿Cómo seleccionar li child of a ul sin nth-child a través de css?

Estoy teniendo un problema con mi proyecto en el que nuestro cliente ha utilizado una imagen de logotipo en el menú del menú. Él ha usado una clase con li donde se coloca el logotipo, pero no puedo usar la clase con él; Tampoco quiero usar :nth-child porque en el futuro podremos agregar un nuevo […]

¿Cómo usar la etiqueta de hash (“un nombre”) para ir a la página pero tener un elemento fijo en la parte superior?

En el sitio, hay una barra de menú en la parte superior que es position: fixed y es height: 4em; . Cuando hago clic en un enlace de hash go to , mueve la página para colocar el en la parte superior de la ventana, lo que significa está debajo de la barra superior, y […]

Algunas preguntas sobre posiciones en forma, css.

Estoy tratando de aprender HTML y CSS y traté de hacer un formulario de inicio de sesión básico con efectos CSS3. El enlace está aquí abajo al código. Demostración: http://codepen.io/anon/pen/PwaLBE HTML Glömt lösenord? Registrera CSS body { margin: 0; padding: 0; } form { margin-top: 200px; font-family: Helvetica, sans-serif; text-align: center; } /* Input text […]

La imagen flexible no se reducirá con el tamaño de la pantalla cuando el contenedor es un hipervínculo

¿Alguien puede avisarme si se trata de un error no documentado con flexbox o si simplemente lo estoy haciendo mal? Tengo 3 imágenes alineadas en una fila dentro de un contenedor div. Esto es tan simple como lo hace la gente. Sin ningún hipervínculo, las 3 imágenes se encogen perfectamente como deberían. Ahora, solo 2 […]

¿Cómo obtener una barra de desplazamiento para el contenido con un encabezado y un pie de página adhesivos utilizando el diseño de cuadrícula CSS?

La siguiente es, obviamente, una pregunta de la cuadrícula de CSS novato, pero ¿cómo se puede crear un encabezado y un pie de página fijos en la cuadrícula de CSS y luego crear un área de contenido principal desplazable que haya generado elementos dinámicamente cada uno con un número fijo de elementos de contenido? Tengo […]

Altura de contenido dynamic sin borde vertical

Después de varias horas pude crear un diseño con un encabezado fijo, una altura de contenido dynamic y el pie de página siempre en la parte inferior (pantalla). Aquí está el código: https://jsfiddle.net/r56oqg41/ html { height: 100%; } body { margin: 0; padding: 0; height: 100%; background: #DEDEDE; } #main { display: flex; min-height: 100%; […]

¿Cómo sesgar un div y mantener la imagen de fondo sin desnudarse?

He estado en esto durante horas, así que espero que alguien pueda ayudar. Tengo un sitio web donde una gran mayoría de los divs están sesgados. La mayoría de los divs contienen imágenes de fondo. En este momento, tengo el div oblicuo y el contenido colocado perfectamente, el único problema es la imagen de fondo, […]

¿Cuándo elegir REM sobre PX?

¿Cuándo debo usar rem sobre px? Veo muchos artículos que dicen que debo usar REM para respetar las preferencias del usuario, pero los ejemplos siempre dicen sobre el tamaño de fuente, no sobre el estilo completo: margen, relleno, borde, ancho, altura, etc. Tomé este artículo de SO como ejemplo: ¿Debo usar unidades de valor px […]

El texto de desbordamiento de elementos de alineación de Flexbox se corta en la parte superior

Tengo la siguiente situación, el texto se corta en la parte superior cuando ya no cabe dentro del contenedor. ¿Qué puedo hacer para arreglar eso? Todavía me gustaría que el texto esté centrado si es más pequeño que el contenedor, y no puedo cambiar el tamaño del contenedor. div { display: flex; align-items: center; width: […]

configurando una imagen para llenar el fondo de un div

Estoy tratando de establecer una imagen como fondo para el cuerpo principal DIV. La imagen debe escalarse para ajustarse al div y estar centrada vertical y horizontalmente. El desbordamiento se puede ocultar en todos los lados. Dentro de la div, debe haber un relleno de 25px en todos los lados, luego la div interior tiene […]