Perguntas com a marcação «css»

CSS (Cascading Style Sheets) é uma linguagem de folha de estilos de representação usada para descrever a aparência e a formatação de documentos HTML (HyperText Markup Language), XML (Extensible Markup Language) e elementos SVG, incluindo (mas não limitado a) cores, layout, fontes, e animações. Também descreve como os elementos devem ser renderizados na tela, no papel, na fala ou em outra mídia.

9
Texto de alinhamento vertical CSS dentro de li
Estou exibindo várias caixas em uma linha com altura e largura fixas, geradas a partir de <li> tags. agora preciso alinhar o texto no centro vertical. O alinhamento vertical do CSS não tem impacto, talvez eu esteja faltando alguma coisa ??? Não estou procurando truques usando (margem, preenchimento, altura da …
2
O seletor de atributos CSS não funciona como href
Eu preciso usar o seletor de atributos no css para alterar o link em cores e imagens diferentes, mas não funciona. Eu tenho este html: <a href="/manual.pdf">A PDF File</a> E este css: a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { …
9
Posso desativar um efeito CSS: hover via JavaScript?
Estou tentando evitar que o navegador use o :hoverefeito do CSS, via JavaScript. Eu defini os estilos ae a:hoverem meu CSS, porque quero um efeito de foco, se JS não estiver disponível. Mas se JS estiver disponível, quero substituir meu efeito de foco CSS por um mais suave (usando o …
99 javascript  jquery  css 
15
Remova todas as classes que começam com uma certa string
Eu tenho um div com id="a"que pode ter qualquer número de classes anexadas a ele, de vários grupos. Cada grupo possui um prefixo específico. No javascript, não sei qual turma do grupo está no div. Quero ser capaz de limpar todas as classes com um determinado prefixo e, em seguida, …
99 javascript  jquery  css 
10
Thymeleaf: como usar condicionais para adicionar / remover dinamicamente uma classe CSS
Usando o Thymeleaf como mecanismo de modelo, é possível adicionar / remover dinamicamente uma classe CSS de / para um simples divcom a th:ifcláusula? Normalmente, eu poderia usar a cláusula condicional da seguinte maneira: <a href="lorem-ipsum.html" th:if="${condition}">Lorem Ipsum</a> Estaremos criando um link para a página lorem ipsum , mas apenas …
99 java  html  css  spring  thymeleaf 
10
Existe algo como min-font-size e max-font-size?
Estou tentando fazer uma fonte em um div responsivo à janela do navegador. Até agora, funcionou perfeitamente, mas o div pai tem um max-widthde 525px. Redimensionar ainda mais o navegador não fará com que a fonte pare de redimensionar. Isso me fez pensar se existe tal coisa como min-font-sizeou max-font-size, …
99 html  css  fonts  font-size 
7
Estilo de e-mail HTML para Gmail
Estou gerando um e-mail html que usa uma folha de estilo interna, ou seja, <!doctype html> <html> <head> <style type="text/css"> h2.foo {color: red} </style> </head> <body> <h2 class="foo">Email content here</foo> </body> </html> Quando visualizado no Gmail, parece que todos os estilos da folha de estilo interna são ignorados. Parece que …
99 html  css  gmail  html-email 
5
Como posso substituir estilos inline com CSS externo?
Tenho uma marcação que usa estilos embutidos, mas não tenho acesso para alterar essa marcação. Como faço para substituir estilos embutidos em um documento usando apenas CSS? Não quero usar jQuery ou JavaScript. HTML: <div style="font-size: 18px; color: red;"> Hello World, How Can I Change The Color To Blue? </div> …
99 css 
9
Layout da tabela CSS: por que a linha da tabela não aceita margem?
.container { width: 850px; padding: 0; display: table; margin-left: auto; margin-right: auto; } .row { display: table-row; margin-bottom: 30px; /* HERE */ } .home_1 { width: 64px; height: 64px; padding-right: 20px; margin-right: 10px; display: table-cell; } .home_2 { width: 350px; height: 64px; padding: 0px; vertical-align: middle; font-size: 150%; display: table-cell; …
99 html  css 
29
A fonte incrível não está exibindo o ícone
Estou usando o Font Awesome e não desejo adicionar CSS com HTTP. Eu baixei o Font Awesome e o incluí em meu código, mas o Font Awesome está mostrando uma caixa quadrada com borda em vez de um ícone. Aqui está o meu código: <html> <head> <link rel="stylesheet" href="../css/font-awesome.css"> <link …
99 html  css  font-awesome 
6
Como fazer <div> preencher <td> altura
Eu li várias postagens no StackOverflow, mas não consegui encontrar uma resposta para esta pergunta bastante simples. Eu tenho uma construção HTML como esta: &lt;table&gt; &lt;tr&gt; &lt;td class="thatSetsABackground"&gt; &lt;div class="thatSetsABackgroundWithAnIcon"&gt; &lt;dl&gt; &lt;dt&gt;yada &lt;/dt&gt; &lt;dd&gt;yada &lt;/dd&gt; &lt;/dl&gt; &lt;div&gt; &lt;/td&gt; &lt;td class="thatSetsABackground"&gt; &lt;div class="thatSetsABackgroundWithAnIcon"&gt; &lt;dl&gt; &lt;dt&gt;yada &lt;/dt&gt; &lt;dd&gt;yada &lt;/dd&gt; &lt;/dl&gt; &lt;div&gt; &lt;/td&gt; …
99 html  css  html-table 
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.