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.


4
Largura automática da coluna da tabela CSS
Dado o seguinte, como faço para definir o tamanho automático da última coluna para seu conteúdo? (A última coluna deve dimensionar automaticamente a largura do conteúdo. Suponha que eu tenha apenas 1 elemento li que deve encolher vs. ter 3 elementos li etc): <table cellspacing="0" cellpadding="0" border="0"> <thead><!-- universal table …
100 html  xhtml  css 

2
Como uso fontes .woff no meu site?
Onde você coloca as fontes para que o CSS possa acessá-las? Estou usando fontes não padrão para o navegador em um arquivo .woff. Digamos que sua 'fonte incrível' esteja armazenada em um arquivo 'fonte incrível.woff'.
100 html  css  fonts  woff 

10
Como centralizar uma caixa de seleção em uma célula da tabela?
A célula não contém nada além de uma caixa de seleção. É bastante largo devido ao texto na linha do cabeçalho da tabela. Como faço para centralizar a caixa de seleção (com CSS embutido em meu HTML? (Eu sei)) eu tentei <td> <input type="checkbox" name="myTextEditBox" value="checked" style="margin-left:auto; margin-right:auto;"> </td> mas …
100 html  css 

14
É possível alterar apenas o alfa de uma cor de fundo rgba ao pairar?
Eu tenho um conjunto de <a>tags com cores de fundo rgba diferentes, mas o mesmo alfa. É possível escrever um único estilo css que alterará apenas a opacidade do atributo rgba? Um exemplo rápido do código: <a href="#"><img src="" /><div class="brown">Link 1</div></a> <a href="#"><img src="" /><div class="green">Link 2</div></a> E os …



5
Posição: altura absoluta e dos pais?
Tenho alguns contêineres e seus filhos estão posicionados apenas absolutos / relativamente. Como definir a altura dos contêineres para que seus filhos fiquem dentro deles? Aqui está o código: HTML <section id="foo"> <header>Foo</header> <article> <div class="one"></div> <div class="two"></div> </article> </section> <div style="clear:both">Clear won't do.</div> <!-- I want to have a …
100 html  css  position  height  absolute 

9
Imagem central na tabela td em CSS
Estou tentando alinhar uma imagem ao centro da mesa td. Funcionou definindo a margem esquerda para um valor específico, mas também aumentou o tamanho do td e não era exatamente o que eu queria Existe alguma maneira eficiente de fazer isso? Usei porcentagens para a altura e a inteligência da …
100 html  css 

8
Como escurecer um fundo usando CSS?
Eu tenho um elemento com texto nele. Sempre que diminuo a opacidade, diminuo a opacidade de TODO o corpo. Existe alguma maneira de tornar o background-imagemais escuro e não todo o resto? background-image:url('http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png');
100 html  css  opacity 

7
Existe um `ponteiro-events: hoverOnly` ou similar em CSS?
Acabei de brincar com pointer-eventspropriedade em CSS. Eu tenho um divque quero ficar invisível para todos os eventos do mouse, exceto para :hover. Assim, todos os comandos de clique passam pelo divpara o abaixo dele, mas o div pode relatar se o mouse está acima dele ou não. Alguém pode …
100 html  css  pointer-events 

1
Impedir que os itens flexíveis se estiquem
Amostra: div { display: flex; height: 200px; background: tan; } span { background: red; } <div> <span>This is some text.</span> </div> Executar snippet de códigoOcultar resultadosExpandir snippet Eu tenho duas perguntas, por favor: Por que isso basicamente acontece com o span? Qual é a abordagem certa para evitar que ele …
100 html  css  flexbox 

6
O que usar no lugar de :: ng-deep
Estou tentando estilizar um elemento colocado pela saída do roteador em angular e quero ter certeza de que o elemento gerado terá uma largura de 100% Pela maioria das respostas, vejo que devo usar o ::ng-deepseletor, mas pelos documentos do Angular ele está sendo descontinuado. Existe uma alternativa para ::ng-deep?
100 html  css  angular 


13
JQuery Popup Bubble / Tooltip [fechado]
Fechadas. Esta pergunta não atende às diretrizes do Stack Overflow . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que esteja no tópico do Stack Overflow. Fechado há 5 anos . Melhore esta questão Estou tentando fazer uma "bolha" que pode onmouseoveraparecer quando o evento …
99 javascript  jquery  html  css 

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.