Preguntas etiquetadas con css

Estoy experimentando un problema con la transitionpropiedad CSS que se activa al cargar la página. El problema es que cuando aplico a color transitiona un elemento, (por ejemplo transition: color .2s:), cuando la página carga por primera vez, mis elementos parpadean de negro a su propio color asignado. Suponiendo que …

81 html  css  google-chrome 

Relacionado con ¿Cómo le doy a un texto o una imagen un fondo transparente usando CSS? , pero ligeramente diferente. Me gustaría saber si es posible cambiar el valor alfa de una imagen de fondo , en lugar de solo el color. Obviamente, puedo guardar la imagen con diferentes valores …

81 html  css 

¿Cómo detengo el destello de contenido sin estilo (FOUC) en una página web?

81 css  fouc 

Recientemente descubrí cómo usar "correctamente" las animaciones CSS (anteriormente las descarté por no poder hacer secuencias complejas como lo haría en JavaScript). Así que ahora estoy aprendiendo sobre ellos. Para este efecto, estoy tratando de tener un "destello" de degradado que recorra un elemento similar a una barra de progreso. …

81 css  css-animations 

He estado tratando de ver qué srcsetimagen está usando mi navegador a través de las herramientas de desarrollo de navegadores, pero aparte de usar la pestaña de red para ver qué imagen obtiene, no puedo decirlo. Usar la pestaña de red normalmente estaría bien, pero a veces he notado que …

81 html  css  responsive-design  developer-tools  srcset 

Recientemente decidí cambiar de Apache2 a Nginx. Instalé Nginx en mi servidor CentOS y configuré una configuración básica. Cuando intenté cargar mi sitio en el navegador (FF / Chrome), noté que el archivo css no está cargado. Revisé la consola de errores y vi este mensaje: Error: The stylesheet http://example.com/style.css …

81 css  nginx  mime 

Quiero mostrar siempre flechas arriba / abajo para el campo de entrada "número". es posible? Hasta ahora no he tenido suerte ... http://jsfiddle.net/oneeezy/qunbnL6u/ HTML: <input type="number" /> CSS: input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: "Always Show Up/Down Arrows"; }

81 html  css  input  webkit  shadow-dom 

¿Cómo funciona el contexto de formato de bloque CSS ? Las especificaciones CSS2.1 dicen que en un contexto de formato de bloque, los cuadros se colocan verticalmente, comenzando en la parte superior. Esto sucede incluso si hay elementos flotantes en el camino, excepto si el cuadro de bloque estableció un …

80 css 

Estoy usando Font-Awesome, pero mientras los archivos de fuentes no están cargados, los íconos aparecen con . Entonces, quiero que estos íconos tengan display:nonemientras los archivos no están cargados. @font-face { font-family: "FontAwesome"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } ¿Cómo …

80 javascript  jquery  css  font-face  font-awesome 

Me pregunto sobre el soporte para sombras internas específicas de los lados en css3. Sé que esto funciona muy bien en navegadores compatibles. div { box-shadow:inset 0px 1px 5px black; } Solo tengo curiosidad por saber si hay una manera de lograr algo como: div { box-shadow-top:inset 0px 1px 5px …

80 css 

Entonces, actualmente tengo un cuadro de diálogo jQuery con dos botones: Guardar y Cerrar. Creo el diálogo usando el siguiente código: $dialogDiv.dialog({ autoOpen: false, modal: true, width: 600, resizable: false, buttons: { Cancel: function() { // Cancel code here }, 'Save': function() { // Save code here } }, close: …

80 jquery  css  jquery-ui  button  dialog 

Parece que fieldset tiene por defecto el 100% de ancho de su contenedor. ¿Hay alguna forma de que el conjunto de campos sea tan grande como el control más amplio dentro del conjunto de campos?

80 html  css  fieldset 

Tengo un título que puede tener una o más líneas. ¿Cómo puedo alinear el texto verticalmente? Si siempre fuera una línea, simplemente podría establecer la altura de la línea a la altura del contenedor. Puedo hacerlo usando JavaScript, pero realmente no me gusta, estoy buscando una forma de CSS puro. …

80 html  css 

Demostración de jsFiddle Quiero que la divs: Envuelva su contenido. Permanezca en su línea asociada originalmente, esencialmente sin envoltura. Básicamente, las mesas se apilan una debajo de la otra, cuando no pueden permanecer en la pantalla. Preferiría que se ocultaran de la pantalla. Intenté agregar overflow: hidden;al estilo de diseño …

80 html  css  layout 

Esta pregunta trata sobre la organización de las propias directivas CSS dentro de un archivo .css. Cuando desarrollo una nueva página o un conjunto de páginas, generalmente solo agrego directivas a mano al archivo .css, tratando de refactorizar cuando puedo. Después de un tiempo, tengo cientos (o miles) de líneas …

80 css