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.

7
Adicione espaço entre as células (td) usando css
Estou tentando adicionar uma tabela com espaço entre as células, pois a cor de fundo da célula é branca e a cor de fundo da tabela é azul, você pode ver facilmente que o preenchimento e a margem não estão funcionando (estou aplicando no td), ele apenas adicionará espaço dentro …
88 html  css 



1
margin-top apenas quando o item flexível é embalado
Eu tenho um contêiner flexível com dois itens flexíveis. Eu quero definir um margin-top no segundo, mas apenas quando estiver embrulhado e não na primeira linha flexível. Se possível, quero evitar o uso de consultas de mídia. Achei que a margem inferior do primeiro elemento poderia ser uma solução. No …
88 css  margin  flexbox 

10
CSS3 equivalente a jQuery slideUp e slideDown?
Meu aplicativo está funcionando mal com slideDown e slideUp do jQuery. Estou tentando usar um equivalente CSS3 em navegadores que o suportam. É possível, usando transições CSS3, alterar um elemento de display: none;para display: block;enquanto desliza o item para baixo ou para cima?
88 jquery  css  animation 

3
Linha de bootstrap com colunas de altura diferente
Atualmente, tenho algo como: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Agora assumindo isso, contenthavia caixas de alturas diferentes, com todas a mesma largura - como eu poderia manter o mesmo "layout baseado em grade" e …



4
Seletor para uma tag seguida diretamente por outra tag
Isso seleciona todas as <B>tags diretamente precedidas por <A>tags: A+B { /* styling */ } Qual é o seletor para todas as <A>tags seguidas diretamente por <B>tags? Aqui está um exemplo de HTML adequado à minha pergunta: <a>some text</a> <b>some text</b>

4
Como fazer a largura do CSS para preencher o pai?
Tenho certeza de que esse problema foi perguntado antes, mas não consigo encontrar a resposta. Eu tenho a seguinte marcação: <div id="foo"> <div id="bar"> here be dragons </div> </div> Meu desejo é fazer com que foo tenha largura de 600px( width: 600px;) e que bar tenha os seguintes comportamentos: padding-left: …
88 css 

7
Como definir a propriedade de altura para SPAN
Eu preciso tornar o seguinte código extensível com altura predefinida <style> .title{ background: url(bg.gif) no-repeat bottom right; height: 25px; } </style> <span class="title">This is title</span> Mas como span é um elemento embutido, a propriedade "height" não funcionará. Tentei usar div em vez disso, mas ele se expandirá até a largura …
88 css  height  html 


22
como evitar página em branco extra no final durante a impressão?
Estou usando uma propriedade CSS, Se eu usar page-break-after: always;=> imprime uma página em branco extra antes Se eu usar page-break-before: always;=> imprime uma página extra em branco depois. Como evitar isso? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <style …
88 css  printing 


6
Preenchendo uma linha da mesa
<html> <head> <title>Table Row Padding Issue</title> <style type="text/css"> tr { padding: 20px; } </style> </head> <body> <table> <tbody> <tr> <td> <h2>Lorem Ipsum</h2> <p>Fusce sodales lorem nec magna iaculis a fermentum lacus facilisis. Curabitur sodales risus sit amet neque fringilla feugiat. Ut tellus nulla, bibendum at faucibus ut, convallis eget neque. …
88 html  css  html-table  row  padding 

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.