Articles of css

Como determinar se o CSS foi carregado?

Como posso afirmar que o CSS de uma página carregou e aplicou com sucesso seus estilos no Watin 2.1?

Como manter: estilo css ativo depois de clicar em um elemento

Eu uso âncora como minha navegação no site. about works O CSS #nav { margin-left: 50px; margin-top: 50px; text-transform: uppercase; } .navitem { background: #333; color: white; width: 230px; height: 50px; font-size: 25px; line-height: 50px; padding-left: 20px; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-top: 10px; } .about:hover { background: #cc00ff; } .about:active { background: #ff00ff; […]

Usando uma fonte personalizada (ttf) em CSS

Eu tenho um mac e instalei uma fonte chamada “7 Segment” (aparece no Font Book). Quando eu uso font-family: “7 Segment”; Eu recebo Helvetica (ou similar) em vez da fonte padrão do navegador, mas ainda não está mostrando a fonte correta. A página só precisa ser mostrada neste computador. Como eu usaria a fonte nesta […]

position: fixo quando left / top / right / bottom não são especificados – resultados desejados em FF / IE, mas não no Safari

Desculpe ter que perguntar outra position:fixed questão relacionada position:fixed , mas a leitura de várias outras perguntas e tópicos do fórum não me ajudou com essa. O código a seguir é uma demonstração simplificada de como venho usando a position:fixed em um projeto até o momento. Meu (mal) entendimento original da position:fixed é que inicialmente […]

Por que um deve preferir usar CSS sobre XPath no IE?

Eu estou trabalhando em um aplicativo que é compatível apenas com o IE7 e IE8. Eu não sabia por que, mas alguns sugeriram usar CSS sobre XPath enquanto identifica os elementos no IE. Quando visitei o site oficial do Selenium. Eu li a mensagem O WebDriver usa os resources XPath nativos do navegador sempre que […]

Por que a janela.width é menor que a largura da viewport definida nas consultas de mídia

Estou bastante intrigado e ainda não tenho certeza de como explicar isso em palavras corretas. Até agora eu usei e configurei minhas consultas de mídia com o Breakpoint. Uma variável de ponto de interrupção usada se parece com, por exemplo: $menustatictofixed: min-width 900px; $ breakpoint-to-ems está definido como true. Eu coloquei a página com todas […]

Como uso o CSS para posicionar um header de altura de variável fixa e uma checkbox de conteúdo com rolagem?

Assumindo por “fixo” você quer dizer position:fixed , eu não acho que é possível em CSS puro, como position:fixed leva o elemento para fora do stream de documentos. No entanto, deve levar apenas uma ou duas linhas de JavaScript para obter o que você deseja. Algo parecido com isto (não testado, apenas para fins de […]

Como os navegadores lidam com valores não inteiros de altura e largura?

Quando os navegadores recebem larguras e alturas para elementos que não são valores inteiros, como eles lidam com eles? Em particular, Em que estágio os valores não inteiros são arredondados? Eles arredondam para o número inteiro mais próximo ou truncam-nos? Quando os filhos de um contêiner têm dimensões não inteiras, sempre haverá instâncias em que […]

CSS: transform: translate (-50%, -50%) faz textos embaçados

Eu quero centrar meu div e eu uso este método, mas faz meus textos dentro do div embaçado: #div { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } Existe alguma maneira de centrar minha div ?

Maneira limpa de usar programaticamente as transições CSS do JS?

Como o título sugere, existe uma maneira correta de definir algumas propriedades CSS iniciais (ou class) e dizer ao navegador para fazer a transição para outro valor? Por exemplo ( violino ): var el = document.querySelector(‘div’), st = el.style; st.opacity = 0; st.transition = ‘opacity 2s’; st.opacity = 1; Isso não anima a opacidade do […]