Articles of css

Dibujar elemento curvado doble con bordes biselados.

Estoy creando un sitio web, con un encabezado / menú en la parte superior. En el medio, hay un logotipo. Para acentuar esto, he posicionado un elips por debajo del logotipo: Así que debajo, se ven los elipses, que se combinan perfectamente con el rest del menú. .ellips { border-radius: 50%; height: 130%; background: white; […]

Alinear verticalmente el texto después del icono de fuente

Free wifi ¿Cómo puedo mostrar el elemento h4 a la derecha del icono y alineado verticalmente? ¿Debo flotar a la izquierda el span ?

¿Cómo envolver flexbox en múltiples filas y columnas?

¿Estoy tratando de construir una galería en forma de mampostería, pero no puedo entender cómo envolver flexboxes? Obtuve una lista de UL simple y agregué el estilo necesario, pero las cosas no están flotando y ajustándose como debería. .masonry { margin: 48px -2px; padding-left: 0; list-style: none; align-items: flex-start; flex-direction: row; flex-wrap: wrap; display: flex; […]

¿Cómo eliminaría el espacio entre la imagen y la barra de navegación de Bootstrap?

El carrusel no está tocando la barra de navegación como puedes ver. Me gustaría quitar el margen entre él. He intentado usar márgenes negativos, no parecen funcionar. ¿Alguien aquí que pueda ayudarme? http://www.miximages.com/html/1htJM.png AwakenNetwork AwakenNetwork Home Forums Vote Staff Rankings Store Awaken Network Be Awakened..

¿Cómo estilizar la opción de un elemento html “seleccionar”?

Aquí está mi HTML: Product1 : Electronics Product2 : Sports Quiero poner el nombre del producto (es decir, ‘Producto1’, ‘Producto2’, etc.) en negrita, y sus categorías (a saber, Electrónica, Deportes, etc.) en cursiva, solo con CSS. Encontré una vieja pregunta que menciona que no es posible usar HTML y CSS, pero espero que haya una […]

Envolviendo elementos flexibles en la última fila

Tengo una img-gallery que ahora se está centralizando correctamente. El problema es que cuando la imagen se ajusta a una nueva línea, también se está alineando con el centro. Después de envolver, la imagen debe alinearse verticalmente con la primera imagen en la fila anterior. .gallery-links {justify-content: flex-start;} Esto lo hace casi resuelto. Pero después […]

¿Por qué hay desplazamiento vertical en el contenedor principal?

Estoy muy confundido aquí. Dado que el body es 100% (ancho / alto) y main-container también es 100% (ancho / alto), ¿por qué hay desplazamiento vertical? Creé un jsFiddle para explicar la situación: http://jsfiddle.net/dcnnvgs1/1/ body, html { width: 100%; height: 100%; font-family: “Trebuchet MS !important”; background-color: #00b3b3; } .main-container { display: flex; flex-direction: column; flex-wrap: […]

¿Cómo eliminar el color por defecto en el tipo de entrada?

Creé el tipo de entrada y creé el borde del borde de ese cuadro, pero cuando hice clic en ese botón, se muestra el color predeterminado, pero no debería mostrar el color predeterminado. A continuación se muestra la imagen: A continuación se muestra mi código html: A continuación se muestra mi código css: .Credit{ top: […]

Comprensión de la especificación CSS2.1 con respecto a la altura en cuadros de nivel en línea

CSS2.1 Sección 10.6.1 especifica: La altura del área de contenido debe basarse en la fuente, pero esta especificación no especifica cómo . Una UA puede, por ejemplo, usar la caja em o el máximo ascendente y descendente de la fuente. El relleno vertical, el borde y el margen de un cuadro en línea, no reemplazado, […]

html no vincula css

Tengo un problema con la vinculación de html y css y no tengo idea de por qué. Estoy haciendo todo lo que dice el libro y los tutoriales. Sin embargo, no estoy llegando a hacer la configuración externa de css. Este es el código (sólo una prueba): title test y CSS: body { background-color:#CCCCCC; } […]