Perguntas com a marcação «css»

128
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? Não...

127
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 vinculada, eu gostaria que uma...

127
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...

127
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

127
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 botões...

127
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. <div id="sections"> <div id="s1">...</div> <div id="s2">...</div> ... </div> Eu quero aplicar uma propriedade css a um subconjunto dessas seções / divs (dependendo do...

127
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 é...

126
Margin-Top push div externa para baixo

Eu tenho uma div de cabeçalho como o primeiro elemento em minha div de wrapper, mas quando adiciono uma margem superior a uma h1 dentro da div de cabeçalho, ela empurra toda a div de cabeçalho para baixo. Percebo que isso acontece sempre que aplico uma margem superior ao primeiro elemento visível...

126
Ignorar preenchimento pai

Estou tentando fazer com que minha regra horizontal ignore o preenchimento pai. Aqui está um exemplo simples do que eu tenho: #parent { padding:10px; width:100px; } hr { width:100px; } Você descobrirá que a regra horizontal se estende para fora do pai em 10px. Estou tentando fazer com que ele...