Articles of css

Aninhando regras @media em CSS

O suporte parece ser diferente entre os navegadores. Verifique o link Firefox: preto com texto branco. Opera, Chrome, IE9: azul com texto em preto. O que é correto e como eu faria isso consistente? O código @media screen and (min-width: 480px) { body{ background-color:#6aa6cc; color:#000; } @media screen and (min-width: 768px) { body{ background-color:#000; color:#fff; […]

Veja: estado de foco nas Ferramentas do desenvolvedor do Google Chrome

Eu quero ver o estilo :hover para uma âncora na qual eu estou navegando no Chrome. No Firebug, há um menu suspenso que me permite selecionar estados diferentes para um elemento. Não consigo encontrar nada semelhante no Chrome. Estou esquecendo de algo?

Por que isso não funciona?

Existe alguma razão pela qual isso não funciona no Internet Explorer ou no Chrome: A {font-weight: bold; color:black;} A:visited {font-weight: normal; color: black; } .Empty {font-weight: bold; color: black; } click me O link que eu clico nunca vai ao normal e só fica em negrito. Em alguns outros navegadores, funciona. Editar : alterar maiúsculas […]

: primeiro filho não está funcionando como esperado

Estou tentando selecionar o primeiro h1 dentro de um div com uma class chamada detail_container . Funciona se h1 for o primeiro elemento dentro desta div , mas se vier depois desta ul não funcionará. .detail_container h1:first-child { color:blue; } First H1 Second H1 Fiquei com a impressão de que o CSS que tenho irá […]

Existe um analisador de CSS para c #?

Meu programa precisa analisar os arquivos css em um formato de object na memory. Algum conselho sobre como isso deve ser feito?

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 é […]