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.

3
O que significa flex: 1?
Como todos sabemos, a flexpropriedade é um atalho para o flex-grow, flex-shrinke as flex-basispropriedades. Seu valor padrão é 0 1 auto, o que significa flex-grow: 0; flex-shrink: 1; flex-basis: auto; mas eu notei que em muitos lugares flex: 1é usado. É uma abreviação de 1 1 autoou 1 0 auto? …
128 css  flexbox 

4
O IE7 não entende a exibição: bloco em linha
Alguém por favor pode me ajudar a resolver esse bug? Com o Firefox está funcionando bem, mas com o Internet Explorer 7 não está. Parece não entender o display: inline-block;. html: <div class="frame-header"> <h2>...</h2> </div> css: .frame-header { height:25px; display:inline-block; }

11
Como sobrepor imagens
Quero sobrepor uma imagem com outra usando CSS. Um exemplo disso é a primeira imagem (o plano de fundo, se você preferir) será um link em miniatura de um produto, com o link abrindo uma caixa de luz / pop-up mostrando uma versão maior da imagem. No topo desta imagem …
127 html  css 

7
As imagens CSS não utilizadas são baixadas?
As imagens CSS não utilizadas são baixadas pelo navegador ou ignoradas? Por exemplo. nas regras CSS que não correspondem a nenhum elemento. .nothingHasThisClass{background:url(hugefile.png);} Ou isso depende do navegador?
127 css 

13
Bootstrap 3: pull-right apenas para col-lg
Novo no bootstrap 3 .... No meu layout, tenho: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> Gostaria que os 'elementos 2' NÃO estivessem alinhados em telas menores que as de col-lg. Tão efetivamente tendo a classe pull-right apenas para col-lg-6 ... …




3
Alinhar elementos <div> lado a lado
Sei que essa é uma pergunta bastante simples, mas não consigo descobrir isso pela vida toda. Eu tenho dois links nos quais apliquei uma imagem de plano de fundo. Aqui está a aparência atual (desculpas pela sombra, apenas um esboço aproximado de um botão): No entanto, quero que esses dois …
127 css  html  alignment 


5
Vantagens de usar display: inline-block vs float: left in CSS
Normalmente, quando queremos ter vários DIVs em sequência, usaríamos float: left, mas agora descobri o truque dedisplay:inline-block Exemplo de link aqui . Parece-me que display:inline-blocké uma maneira melhor de fazer align DIVsuma fila, mas existem algumas desvantagens? Por que essa abordagem é menos popular que o floattruque?
127 css  css-float  html 

8
Usando expressão regular em css?
Eu tenho uma página html com divs que têm id (s) do formulário s1 , s2 e assim por diante. &lt;div id="sections"&gt; &lt;div id="s1"&gt;...&lt;/div&gt; &lt;div id="s2"&gt;...&lt;/div&gt; ... &lt;/div&gt; Eu quero aplicar uma propriedade css a um subconjunto dessas seções / divs (dependendo do id). No entanto, toda vez que adiciono …
127 css  regex 

12
Substituindo! Estilo importante
O título resume bastante. A folha de estilos externa possui o seguinte código: td.EvenRow a { display: none !important; } Eu tentei usar: element.style.display = "inline"; e element.style.display = "inline !important"; mas nem funciona. É possível substituir um estilo importante usando javascript. Isto é para uma extensão greasemonkey, se isso …
127 javascript  css 

21
Ferramentas para criar sprites CSS? [fechadas]
Atualmente, essa questão não se encaixa no nosso formato de perguntas e respostas. Esperamos que as respostas sejam apoiadas por fatos, referências ou conhecimentos, mas essa pergunta provavelmente solicitará debates, argumentos, pesquisas ou discussões prolongadas. Se você acha que essa pergunta pode ser melhorada e possivelmente reaberta, visite o centro …

14
Bootstrap 3 Recolher estado de exibição com o ícone Chevron
Usando o exemplo principal retirado do Javascript do Bootstrap 3 página de exemplos para o Collapse , pude mostrar o estado do colapso usando os ícones da chevron. Eu tenho este trabalho usando: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); Isso funciona (não foi totalmente testado …

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.