8
votos
Aceito
Para que serve e como usar o "display: contents" do CSS?
Na verdade ele não elimina o CSS do container, ele elimina o próprio container
do layout, deixando apenas os elementos filhos.
A função da propriedade é alterar visualmente um ou mais elementos ...
5
votos
Aceito
Otimização de Função (provavelmente com o laço for)
Esse código pode ser muito reduzido... tem imensa repetição aí.
Sugestão (com ligeiras modificações no HTML -> ver exemplo em baixo):
var slides = Array.from(document.querySelectorAll('input[type=...
5
votos
Aceito
Float vs. inline-block. Quais as vantagens e desvantagens de cada um?
Float serve para vc "flutuar" elementos um ao lado do outro. A div é um elemento do tipo bloco e funciona como um box model, ou seja ela ocupa 100% da largura da tela e aceita valores de margin, ...
5
votos
Aceito
Deixar todos LI com a altura do maior usando CSS
Deixar TODOS os blocos do mesmo tamanho utilizando apenas CSS não sei se é possível (desconheço) já que cada linha passa a se tornar independente, mas cada elemento de uma linha tem uma certa ligação ...
3
votos
Otimização de Função (provavelmente com o laço for)
O teu código tem alguns problemas de CSS (e, como o @Sergio explicou na resposta dele) muita repetição. Como a tua pergunta é de "como otimizar a função" eu resolvi dar mais uma achega. (link para ...
1
voto
Por que o conteúdo das minhas divs não centralizam nem se ajustam ao tamanho dela ( da div )
Você também pode tentar usar o Clearfix após cada seção:
#secao1:after {
content: "";
display: table;
clear: both;
}
1
voto
Float vs. inline-block. Quais as vantagens e desvantagens de cada um?
Bom, vamos lá!
A propriedade float de acordo com sua documentação é usado pra você alinhar imagens ao lado de um texto, tanto na direita ou esquerda, como jornal, sabe?
Já o display: inline-block é ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
css-display × 14css × 7
html × 5
javascript × 3
html5 × 3
php × 2
css3 × 2
div × 2
wordpress × 1
input × 1
for × 1
table × 1
seo × 1
magento × 1
google-charts × 1
flexbox × 1
quebras-de-linha × 1
blog × 1