Articles of css

Como faço para centralizar uma imagem se ela for mais larga que seu contêiner?

Normalmente, você centraliza imagens com display: block; margin: auto display: block; margin: auto , mas se a imagem for maior que o container, ela transbordará para a direita. Como faço para transbordar para os dois lados igualmente? A largura do contêiner é fixa e conhecida. A largura da imagem é desconhecida.

Escala de imagem por CSS: existe uma alternativa de webkit para as bordas -moz-crisp?

Eu tenho uma imagem que é 100×100 em pixels. Eu quero mostrar duas vezes o tamanho, então 200×200 e eu quero fazê-lo por CSS e (explicitamente) não pelo servidor. Desde há alguns anos, as imagens recebem anti-alias por todos os navegadores, em vez de fazer uma escala por pixel. O Mozilla permite especificar o algoritmo: […]

Diferença entre contorno e fronteira

Alguém sabe de alguma diferença entre as propriedades ‘border’ e ‘outline’ no CSS? Se não há diferença, então por que existem duas propriedades para a mesma coisa?

Fontes IE8 CSS @ font-face somente trabalhando para: antes de conteúdo em over e às vezes em refresh / hard refresh

ATUALIZAÇÃO: Eu escrevi uma postagem no blog sobre o que aprendi sobre esse assunto. Eu ainda não entendo completamente, mas espero que alguém leia isto e lance alguma luz sobre o meu problema: http://andymcfee.com/2012/04/04/icon-fonts-pseudo-elements-and-ie8 Eu tenho uma página onde estou usando @ font-face para importar uma fonte personalizada para icons. Os icons são criados com […]

Como referenciar um arquivo .css em uma visualização simples?

Eu sei como definir arquivos .css no arquivo _Layout.cshtml, mas e quanto a aplicar uma folha de estilo por visualização? Meu pensamento aqui é que, em _Layout.cshtml, você tem tags para trabalhar, mas não em uma das suas visualizações sem layout. Para onde vão as tags ?

Como preservar a proporção ao dimensionar a imagem usando uma dimensão (CSS) no IE6?

Aqui está o problema. Eu tenho uma imagem: Não observe nenhuma altura ou largura especificada. Em determinadas páginas, quero mostrar apenas uma miniatura. Eu não posso alterar o html, então eu uso o seguinte CSS: .blog_list div.postbody img { width:75px; } Que (na maioria dos navegadores) cria uma página de miniaturas uniformemente amplas, todas com […]

Como posso preencher uma div com uma imagem, mantendo-a proporcional?

Eu encontrei este segmento – Como você estica uma imagem para preencher um , mantendo o aspecto da imagem? – isso não é totalmente o que eu quero. Eu tenho um div com um certo tamanho e uma imagem dentro dele. Quero sempre preencher o div com a imagem, independentemente de a imagem ser paisagem […]

Como evitar efeitos hover sticky para botões em dispositivos de toque

Eu criei um carrossel com um botão anterior e um próximo que estão sempre visíveis. Esses botões têm um estado de foco, eles ficam azuis. Em dispositivos sensíveis ao toque, como o iPad, o estado de foco fica fixo, de modo que o botão fica azul depois de tocá-lo. Eu não quero isso. Eu poderia […]

“Eliminar o CSS de bloqueio de renderização no conteúdo acima da dobra”

Tenho usado os insights do Google PageSpeed ​​para melhorar o desempenho do meu site e, até agora, ele provou ser extremamente bem-sucedido. Coisas como adiar scripts funcionaram lindamente, já que eu já tinha uma versão interna do .ready() do jQuery para adiar scripts até que a página tivesse carregado completamente, tudo o que eu tinha […]

Quais são as consultas de mídia mais importantes a serem usadas na criação de design responsivo para dispositivos móveis?

Existem várias consultas de mídia para tamanhos de canvas para celular. Pode ser impressionante acomodar todos eles ao criar um site para dispositivos móveis responsivo. Quais são os mais importantes para usar ao projetar para dispositivos móveis? Eu encontrei este artigo que faz um bom trabalho de delinear as consultas de mídia disponíveis: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ . […]