Articles of css

Limitar o tamanho do texto a n linhas usando CSS

É possível limitar um comprimento de texto a “n” linhas usando CSS (ou cortá-lo quando estourar verticalmente). text-overflow: ellipsis; funciona apenas para um texto de linha. texto original: Ultrices natoque mus mattis, aliquam, cras em pellentesque tincidunt elit purus lectus, alíquota automática, elementum nunc nunc rhoncus placerat urna! Sente-se! Ut penatibus turpis mus tincidunt! Dapibus […]

“Display: none” impede que uma imagem seja carregada?

Todo tutorial de desenvolvimento de website responsivo recomenda usar a propriedade display:none CSS para ocultar o conteúdo do carregamento em navegadores móveis, para que o site carregue mais rápido. É verdade? Exibe display:none não carrega as imagens ou ainda carrega o conteúdo no navegador do celular? Existe alguma maneira de impedir o carregamento de conteúdo […]

Usando CSS para afetar o estilo div dentro do iframe

É possível alterar estilos de um div que reside dentro de um iframe na página usando apenas CSS?

Como identificar definições de css não utilizadas

Existem boas abordagens para ajudar a identificar definições de CSS não utilizadas em um projeto? Um monte de arquivos css foram colocados e agora eu estou tentando limpar as coisas um pouco.

Como usar o ID do elemento HTML gerado pelo JSF com dois pontos “:” nos seletores CSS?

Eu tenho trabalhado com um projeto Java EE simples usando o JSF. Eu tentei definir CSS via #phoneTable { … } , no entanto, não funciona. Após a inspeção da fonte HTML no lado do cliente, parece que a tabela HTML gerada pelo JSF obtém um ID de cliente no formato id=”phoneForm:phoneTable” . Não consigo […]

Converter uma imagem em escala de cinza em HTML / CSS

Existe uma maneira simples de exibir um bitmap colorido em escala de cinza com apenas HTML/CSS ? Ele não precisa ser compatível com IE (e imagino que não será) – se funciona em FF3 e / ou Sf3, isso é bom o suficiente para mim. Eu sei que posso fazer isso com SVG e Canvas, […]

CSS – por que a altura percentual não funciona?

Por que um valor percentual para a height não funciona, mas um valor percentual para width não funciona? Por exemplo : #working{ width:80%; height:140px; background:orange; } #not-working{ width:80%; height:30%; background:green; } A largura de #working acaba sendo 80% da viewport, mas a altura de #not-working acaba sendo 0.

As consultas de mídia podem resize com base em um elemento div em vez da canvas?

Gostaria de usar consultas de mídia para resize elementos com base no tamanho de um elemento div que eles estão. Não posso usar o tamanho da canvas, pois o div é usado como um widget na página da Web e seu tamanho pode variar. Atualizar Parece que há trabalho sendo feito agora: https://github.com/ResponsiveImagesCG/cq-demos

Seletor CSS ‘>’; O que é isso?

Duplicar Possível: O que significa “>” nas regras CSS? Eu vi o “maior que” ( > ) usado no código CSS algumas vezes, mas não consigo descobrir o que ele faz. O que isso faz?

Por que em vez de px?

Ouvi dizer que você deve definir tamanhos e distâncias em sua folha de estilo com em em vez de em pixels. Então, a questão é por que devo usar em vez de px ao definir estilos em css? Existe um bom exemplo que ilustra isso?