Eu sei que para alinhar o texto verticalmente no meio de um bloco, você define a altura da linha para a mesma altura do bloco. No entanto, se eu tiver uma frase com uma palavra no meio, claro 2em. Se a frase inteira tiver uma altura de linha igual à do bloco que a contém, o texto maior será...
Não tenho certeza se entendi totalmente a diferença entre esses dois. Alguém pode explicar por que eu usaria um em vez do outro e como eles
O evento de fim de transição do Webkit é chamado webkitTransitionEnd, Firefox é transactionEnd, opera é oTransitionEnd. Qual é uma boa maneira de lidar com todos eles em JS puro? Devo fazer uma detecção de navegador? ou implementar cada um separadamente? Alguma outra maneira que não me...
Com a seguinte marcação, quero que um seletor CSS selecione todos, exceto o primeiro menu de seleção em cada div de opções - dos quais podem haver muitos: <div class="options"> <div class="opt1"> <select title="Please choose Warranty"> <option value="">Select...
Existe alguma maneira de implementar uma função de retorno de chamada no caso de animação css3? No caso de animação Javascript é possível mas não encontrando forma de fazê-lo no css3. Uma maneira que eu pude ver é executar o callback após a duração da animação, mas isso não garante que ele sempre...
Como faço para alinhar todo o corpo html ao centro?
Eu tenho este elemento div com uma imagem de plano de fundo e quero parar de realçar no elemento div ao clicar duas vezes nele. Existe uma propriedade CSS para isso?
Desejo usar uma única fonte chamada "Algerian" em todo o meu site. Portanto, preciso alterar todas as tags HTML e não quero escrever códigos diferentes para tags diferentes, como: button{font-family:Algerian;} div{font-family:Algerian;} O método escrito abaixo também é altamente...
Eu criei alguns elementos DOM bastante elaborados com um pseudo-elemento: after, e gostaria de poder inspecioná-los e ajustá-los no Chrome Inspector ou Firebug ou equivalente. Apesar desse recurso ser mencionado nesta postagem do blog WebKit / Safari (datado de 2010), não consigo encontrar esse...
Atualmente, estou usando este trecho de código para renderizar uma lista: <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li>...
Tenho botões que são elementos div e quero torná-los de forma que o usuário possa pressionar a tecla tab no teclado e se mover entre eles. Eu tentei envolver o texto em tags âncora, mas não parece funcionar. Alguém tem uma solução?
Para Android, as pessoas recomendam o uso de medidas dp (pixels independentes de densidade) para elementos de interface do usuário, e existem convenções como usar 48dppara a altura de um botão, etc. Estou trabalhando em um aplicativo da web e estou recebendo muitas críticas sobre o design da...
aqui está o que eu tenho Fiddle ul { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; width: 100%; height: 100px; background: #333; padding: 15px; } ul li { padding: 15px; margin: 5px; background: #efefef; border: 1px solid #ccc; display:...
Peço desculpas se esta pergunta já foi respondida. Tentei pesquisar soluções, mas não consegui encontrar nenhuma que se adequasse ao meu código. Ainda sou novo no jQuery. Tenho dois tipos diferentes de menus fixos para duas páginas diferentes. Aqui está o código para
Eu tenho um elemento com estilo position: relative; transition: all 2s ease 0s; Então, quero mudar sua posição suavemente depois de clicar nele, mas quando adiciono a mudança de estilo, a transição não ocorre, em vez disso, o elemento se move
Eu gostaria de girar estaticamente meus ícones incríveis de fontes em 45 graus. Diz no site que: Para girar e virar ícones arbitrariamente, use as classes fa-rotate- * e fa-flip- *. No entanto, fazendo <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> não...
Estou tentando definir o estilo dos números em uma lista ordenada, gostaria de adicionar cor de fundo, raio de borda e cor para que correspondam ao design a partir do qual estou trabalhando: Acho que não é possível e terei que usar imagens diferentes para cada número, ou seja, ol li:first-child...
imgcom srcsetatributo parece uma ótima maneira de fazer imagens responsivas. Existe uma sintaxe equivalente que funciona na background-imagepropriedade css ? HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background: url(?something...
Estou tentando trabalhar com Datatable JS da jQuery para o meu projeto a partir deste link. Baixei a biblioteca completa da mesma fonte. Todos os exemplos fornecidos no pacote parecem funcionar bem, mas quando tento incorporá-los no meu WebForms, o CSS, JS não funcionam de forma alguma. Aqui...
Estou tentando centralizar os elementos internos de uma <button>-tag com o do flexbox justify-content: center. Mas o Safari não os centraliza. Posso aplicar o mesmo estilo a qualquer outra tag e funciona como planejado (consulte a <p>-tag). Apenas o botão é alinhado à...