Articles of css

HTML 5 img estranho sempre adiciona margem 3px na parte inferior

Quando mudo meu site para Cada elemento img que é empacotado dentro de um DIV tem uma margem inferior de 3px mesmo que essa margem não esteja definida no CSS. Em outras palavras, não há atributos de estilo que causem essa margem inferior de 3 px. Agora vamos dizer que haha.jpg é 50×50 e .placeholder […]

Seletores de atributos CSS: as regras sobre aspas (“, ‘ou nenhum?)

Esta questão tem me incomodado por um tempo agora. Ao escrever um seletor de CSS que se compara com o atributo de um elemento assim. a[rel=”nofollow”] Eu nunca sei o que devo fazer com as aspas. Eles são realmente necessários? Basicamente, qual é a especificação para isso, porque não consigo encontrá-lo no site. Todos esses […]

Como definir a opacidade em div pai e não afeta em div filho?

Ei eu estou procurando no google, mas não posso multar qualquer resposta perfeita Eu quero opacidade no pai DIV mas não Child DIV Exemplo HTML Hello I am child Css .parent{ background:url(‘../images/madu.jpg’) no-repeat 0 0; } .child{ Color:black; } Nota: – Eu quero background image em Parent Div não Color

Diferença entre style = “position: absolute” e style = “position: relative”

Alguém pode me dizer a diferença entre style = “position:absolute” e style = “position:relative” e como eles diferem no caso de eu adicioná-lo aos elementos div / span / input ? Eu estou usando absolute agora, mas eu quero explorar o relative também. Como isso vai mudar o posicionamento?

Forma ondulada com css

Estou tentando recriar esta imagem com CSS: Eu não precisaria disso para repetir. Isso é o que eu comecei, mas tem apenas uma linha reta: #wave { position: absolute; height: 70px; width: 600px; background: #e0efe3; }

Overflow-x: oculto não impede o transbordamento de conteúdo em navegadores móveis

Eu tenho um site aqui . Visualizada em um navegador de desktop, a barra de menus preta estende-se corretamente somente até a borda da janela, já que o body tem overflow-x:hidden . Em qualquer navegador para dispositivos móveis, seja Android ou iOS, a barra de menus preta exibe toda a largura, o que traz espaço […]

Alterar cor e aparência da seta suspensa

Eu quero mudar a aparência padrão da seta de uma lista suspensa para que pareça o mesmo em todos os navegadores. Existe uma maneira de replace a aparência padrão da seta suspensa usando CSS ou não?

Qual é a diferença entre uma pseudo-class e um pseudo-elemento no CSS?

Coisas como a:link ou div::after … A informação sobre a diferença parece escassa.

Como posso resize uma imagem dinamicamente com CSS à medida que a largura / altura do navegador muda?

Gostaria de saber como eu poderia fazer uma imagem resize junto com a janela do navegador, aqui está o que eu fiz até agora (ou baixar o site inteiro em um ZIP ). Isso funciona bem no Firefox, mas tem problemas no Chrome: a imagem nem sempre redimensiona, de alguma forma, depende do tamanho da […]

Quais propriedades CSS criam um contexto de empilhamento?

Estou estudando sobre o empilhamento de contextos e fazendo alguns testes com as propriedades que criam um contexto de empilhamento. Fiz vários testes e descobri que, além do z-index , é claro, as seguintes propriedades também criam um contexto de empilhamento: transform diferente de none ; opacity diferente de 1 ; E perspective . Existem […]