Articles of css

resize fonte para caber em um div (em uma linha)

Houve perguntas semelhantes, mas as soluções combinam com o que estou tentando fazer. Basicamente, eu tenho um artigo com um título ( ). Não quero controlar a duração do título, mas também não quero que o título apareça em várias linhas. Existe uma maneira com css ou jQuery para resize o texto com base na […]

centralização vertical css

Como eu poderia centralizar verticalmente um dentro de um ? meu código até agora: Eu tentei “top: 50%;” e “alinhamento vertical: meio”; sem sucesso EDIT: ok então tem sido muito discutido. e talvez tenha começado outra mini guerra de chamas. mas por causa do argumento, como eu faria com uma mesa então? Eu usei css […]

Pontos de interrupção comuns para consultas de mídia em um site responsivo

Por isso, estou trabalhando em meu primeiro site responsivo, que faz uso extensivo de consultas de mídia. Eu queria saber se há algumas larguras de página comuns que eu deveria otimizar para. Eu provavelmente terei uma largura máxima (não indo todo o fluido) Eu estou pensando que eu vou ter talvez 3-5 larguras com pequenas […]

Em vez de usar prefixos, quero pedir aos visitantes do site que atualizem seu navegador

Estou reconstruindo um site usando o flexbox CSS. Ao verificar a compatibilidade do navegador , vejo que o flexbox é suportado por todos os navegadores modernos, exceto que o Safari 8 e o IE 10 exigem prefixos de fornecedores. Ao verificar o Google Analytics, vejo que 96% dos visitantes do site nos últimos 6 meses […]

Evitando que as barras de rolagem sejam ocultas para usuários do trackpad do MacOS no WebKit / Blink

O comportamento padrão do WebKit / Blink (Safari / Chrome) no MacOS desde o 10.7 (Mac OS X Lion) é ocultar as barras de rolagem dos usuários do trackpad quando eles não estiverem em uso. Isso pode ser confuso ; a barra de rolagem é geralmente a única sugestão visual de que um elemento é […]

O que a barra inclinada significa na abreviação da fonte CSS?

Estou vendo a seguinte declaração CSS em uma folha de estilo: font: 12px/18px … O que a parte de 12px/18px significa exatamente?

Selecione todos os elementos que possuem um CSS específico, usando jQuery

Como posso selecionar todos os elementos que possuem uma propriedade CSS específica aplicada, usando jQuery? Por exemplo: .Title { color:red; rounded:true; } .Caption { color:black; rounded:true; } Como selecionar por propriedade chamada “arredondada”? O nome da class CSS é muito flexível. $(“.Title”).corner(); $(“.Caption”).corner(); Como replace esta operação para uma operação. Talvez algo assim: $(“.*->rounded”).corner(); Existe […]

animando addClass / removeClass com jQuery

Eu estou usando jQuery e jQuery-ui e quero animar vários atributos em vários objects. Por uma questão de explicar o problema aqui eu simplifiquei para um div que muda de azul para vermelho quando o usuário mouses sobre ele. Eu sou capaz de obter o comportamento que eu quero quando usando animate() , no entanto, […]

Quebras de páginas de impressão do Google Chrome

Estou tentando fazer com que o google chrome faça quebras de página. Eu tenho dito através de um monte de sites que page-break-after: always; é válido no chrome, mas não consigo fazê-lo funcionar mesmo com um exemplo muito simples. Existe alguma maneira de forçar uma quebra de página ao imprimir em cromo?

$ (window) .width () não é o mesmo que query de mídia

Eu estou usando o Twitter Bootstrap em um projeto. Bem como os estilos de bootstrap padrão eu também adicionei alguns dos meus próprios //My styles @media (max-width: 767px) { //CSS here } Também estou usando o jQuery para alterar a ordem de determinados elementos na página quando a largura da viewport é menor que 767px. […]