Perguntas com a marcação «css»

CSS (Cascading Style Sheets) é uma linguagem de folha de estilos de representação usada para descrever a aparência e a formatação de documentos HTML (HyperText Markup Language), XML (Extensible Markup Language) e elementos SVG, incluindo (mas não limitado a) cores, layout, fontes, e animações. Também descreve como os elementos devem ser renderizados na tela, no papel, na fala ou em outra mídia.

11
: não (: vazio) O seletor CSS não está funcionando?
Estou tendo um inferno com este seletor CSS específico que não quer funcionar quando eu adiciono :not(:empty)a ele. Parece funcionar bem com qualquer combinação dos outros seletores: input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } Se eu remover a :not(:empty)peça, funciona perfeitamente. Mesmo se eu mudar o seletor para input:not(:empty)ele ainda …
9
CSS desabilita a seleção de texto
Atualmente, coloquei isso na tag body para desativar as seleções de texto: body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } No entanto, minhas caixas inpute textareaagora não podem ser selecionadas. Como posso apenas tornar esses elementos de entrada selecionáveis ​​e o restante não selecionável?
92 css 
4
Como preservar a proporção ao dimensionar a imagem usando uma dimensão (CSS) no IE6?
Aqui está o problema. Eu tenho uma imagem: <img alt="alttext" src="filename.jpg"/> Observe nenhuma altura ou largura especificada. Em certas páginas, quero mostrar apenas uma miniatura. Não consigo alterar o html, então uso o seguinte CSS: .blog_list div.postbody img { width:75px; } O que (na maioria dos navegadores) torna uma página …
4
Elemento de ocultação de bootstrap do Twitter em dispositivos pequenos
Eu tenho este código: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text 11</li> …
4
CSS: como obter barras de rolagem para div dentro do contêiner de altura fixa
Eu tenho a seguinte marcação: <div class="FixedHeightContainer"> <h2>Title</h2> <div class="Content"> ..blah blah blah... </div> </div> O CSS se parece com isto: .FixedHeightContainer { float:right; height: 250px; width:250px; } .Content { ??? } Devido ao seu conteúdo, a altura de div.Contentnormalmente é maior do que o espaço fornecido por div.FixedHeightContainer. No …
3
Rodapé na parte inferior da página ou conteúdo, o que for inferior
Tenho a seguinte estrutura: <body> <div id="main-wrapper"> <header> </header> <nav> </nav> <article> </article> <footer> </footer> </div> </body> Eu carrego conteúdo dinamicamente no <article>usando javascript. Por causa disso, a altura do <article>bloco pode mudar. Quero que o <footer>bloco fique na parte inferior da página quando houver muito conteúdo, ou na parte …
92 css  html  footer 
4
A propriedade CSS Animation permanece após a animação
Estou tentando fazer com que uma propriedade de animação CSS permaneça após a conclusão, isso é possível? É isso que estou tentando alcançar ... O elemento deve ser ocultado quando o usuário chega à página, após 3 segundos (ou o que for), ele deve aparecer gradualmente e assim que a …
4
Remover a nova linha após as tags <h1>?
Estou tendo problemas para remover quebras de linha após o &lt;h1&gt; tag, pois toda vez que ele imprime, ele adiciona uma quebra de linha logo depois, então algo como &lt;h1&gt;Hello World!&lt;/h1&gt; &lt;h2&gt;Hello Again World!&lt;/h2&gt;imprime assim: Hello World! Hello Again World! Não tenho certeza de quais tags preciso alterar no CSS, …
9
Como reverter uma animação ao afastar o mouse após passar o mouse
Portanto, é possível ter animação reversa na saída do mouse como: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } mas, ao usar a animação @keyframes, não consegui fazê-la funcionar, por exemplo: .class{ animation-name: out; animation-duration:2s; } .class:hover{ animation-name: in; animation-duration:5s; animation-iteration-count:infinite; } @keyframe in{ to {transform: rotate(360deg);} } @keyframe out{ …
92 css  animation 
6
Remover sombra de entrada iOS
No iOS (Safari 5), tenho que seguir o elemento de entrada (sombra interna superior): Quero remover a sombra superior, o bug -webkit-appearancenão salva. O estilo atual é: input { border-radius: 15px; border: 1px dashed #BBB; padding: 10px; line-height: 20px; text-align: center; background: transparent; outline: none; -webkit-appearance: none; -moz-appearance: none; }
92 ios  css  input 
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.