Preguntas etiquetadas con css

CSS (Cascading Style Sheets) es un lenguaje de hojas de estilo de representación que se utiliza para describir el aspecto y el formato de documentos HTML (HyperText Markup Language), XML (Extensible Markup Language) y elementos SVG que incluyen (entre otros) colores, diseño, fuentes, y animaciones. También describe cómo se deben representar los elementos en la pantalla, en papel, en el habla o en otros medios.

8
Diferencia entre @import y link en CSS
Estoy aprendiendo algo de CSS para modificar la plantilla de mi proyecto. Llegué a este problema y no encontré una respuesta clara en la web. ¿Hay alguna diferencia entre usar @import o un enlace en CSS? Uso de @import <style>@import url(Path To stylesheet.css)</style> Uso de enlace <link rel="stylesheet" href="Path To …
118 css  import  hyperlink 
12
Carga previa de imágenes CSS
Tengo un formulario de contacto oculto que se despliega haciendo clic en un botón. Sus campos se establecen como imágenes de fondo CSS, y siempre aparecen un poco más tarde que el div que se ha cambiado. Estaba usando este fragmento en la <head>sección, pero sin suerte (después de borrar …
12
¿Cómo eliminar la flecha en el menú desplegable en Bootstrap 4?
Estoy usando Bootstrap 4. Traté de quitar la flecha en el menú desplegable. Las respuestas que encontré para Bootstrap 3 ya no funcionan. El jsfiddle está aquí . <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" …
2
Varios pesos de fuente, una consulta @ font-face
Tengo que importar la fuente Klavika y la he recibido en varias formas y tamaños: Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf Ahora me gustaría saber si es posible importarlos a CSS con solo una consulta @font-face, donde estoy definiendo weighten la consulta. Quiero evitar copiar / pegar la …
118 css  fonts  font-face 
5
Reproduce varias animaciones CSS al mismo tiempo
¿Cómo puedo hacer que dos animaciones CSS se reproduzcan a diferentes velocidades ? La imagen debe girar y crecer al mismo tiempo. La rotación tendrá un ciclo cada 2 segundos. El crecimiento tendrá un ciclo cada 4 segundos. Código de ejemplo: .image { position: absolute; top: 50%; left: 50%; width: …
12
Eliminar la barra de desplazamiento del iframe
Usando este código <iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe> Así es como aparece (el cuadro de diálogo en la página de inicio de http://www.talkjesus.com ) ¿Cómo elimino la barra de desplazamiento horizontal y modifico el CSS de la barra de …
117 html  css  iframe 
2
Elementos de destino con varias clases, dentro de una regla
Tengo algo de HTML que tendría elementos con múltiples clases, y necesito asignarlos dentro de una regla, de modo que las mismas clases puedan ser diferentes dentro de diferentes contenedores. Digamos que tengo esto en mi CSS: .border-blue { border: 1px solid blue; } .background { background: url(bg.gif); } Entonces …
117 css  class  target 
13
Escalar la imagen para que se ajuste a un cuadro delimitador
¿Existe una solución de solo CSS para escalar una imagen en un cuadro delimitador (manteniendo la relación de aspecto)? Esto funciona si la imagen es más grande que el contenedor: img { max-width: 100%; max-height: 100%; } Ejemplo: Caso de uso 1 (funciona): http://jsfiddle.net/Jp5AQ/2/ Caso de uso 2 (funciona): http://jsfiddle.net/Jp5AQ/3/ …
117 html  css  image  resize  autoresize 
5
Flexbox e Internet Explorer 11 (pantalla: flex en <html>?)
Estoy planeando alejarme de los diseños "flotantes" y usar CSS flexbox para proyectos futuros. Me encantó ver que todos los principales navegadores en sus versiones actuales parecen admitir (de una forma u otra) flexbox. Me dirigí a "Resuelto por Flexbox" para ver algunos ejemplos. Sin embargo, el ejemplo de "Sticky …
10
Atributo alt de imagen de fondo CSS
Este es uno que no he tenido que abordar antes. Necesito usar etiquetas alt en todas las imágenes de un sitio, incluidas las utilizadas por el atributo de imagen de fondo de CSS. Hasta donde yo sé, no existe una propiedad CSS como esta, entonces, ¿cuál es la mejor manera …
117 html  css 
5
Desactivar / desactivar las transiciones CSS3 heredadas
Entonces tengo las siguientes transiciones CSS adjuntas al elemento a: a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } ¿Hay alguna forma de deshabilitar estas transiciones heredadas en elementos específicos a? …
10
Editar el grosor de línea del atributo 'subrayado' de CSS
Dado que puede subrayar cualquier texto en CSS así: H4 {text-decoration: underline;} ¿Cómo puede también editar esa 'línea' que se dibuja, el color que obtiene en la línea se especifica fácilmente como 'color: rojo' pero cómo se edita la altura de la línea, es decir, el grosor?
117 html  css 
20
CSS: cambiar imagen src en img: hover
Necesito cambiar la &lt;img&gt;URL de origen enhover . He intentado esto pero no funcionará: HTML &lt;img id="my-img" src="http://dummyimage.com/100x100/000/fff"/&gt; CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle Cualquier ayuda sería apreciada. Actualizar: Esto solo funciona para Webkit / Google Chrome.
117 html  css 
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.