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.

22
Centralizando um bloco div sem a largura
Tenho um problema quando tento centralizar o bloco div "produtos" porque não conheço antecipadamente a largura do div. Alguém tem uma solução? Atualização: O problema que tenho é que não sei quantos produtos exibirei, posso ter 1, 2 ou 3 produtos, posso centralizá-los se fosse um número fixo, pois saberia …
240 html  css 
8
Por que esse elemento de bloco embutido é empurrado para baixo?
A seguir, está o meu código e quero entender por que o #firstDiv está sendo empurrado para baixo por todos os navegadores. Eu realmente quero entender o funcionamento interno do fato de que está sendo empurrado para baixo ao invés de puxá-lo para cima de uma maneira ou de outra. …
238 overflow  css 
17
Iframe em tela cheia com uma altura de 100%
Iframe height = 100% suportado em todos os navegadores? Estou usando doctype como: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> No meu código iframe, se eu disser: <iframe src="xyz.pdf" width="100%" height="100%" /> Quero dizer, ele realmente terá a altura da página restante (já que há outro quadro no topo …
17
Como posso dimensionar o conteúdo de um iframe?
Como posso dimensionar o conteúdo de um iframe (no meu exemplo, é uma página HTML e não é um pop-up) em uma página do meu site? Por exemplo, quero exibir o conteúdo que aparece no iframe em 80% do tamanho original.
237 html  css  dom 
8
Como definir a margem ou o preenchimento como porcentagem da altura do contêiner pai?
Eu estava estourando meu cérebro sobre a criação de um alinhamento vertical em css usando o seguinte .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div structure. --> <div class="base"> <div class="vert-align"> Content Here </div> </div> Executar snippet de códigoHide resultsExpandir snippet …
7
CSS: Como remover pseudoelementos (depois, antes,…)?
Gostaria de usar uma opção para o layout das tags de parágrafo em uma página da web. Eu uso o pseudoelemento after: p:after {content: url("../img/paragraph.gif");} Agora preciso remover esse código CSS da página. Como isso pode ser feito facilmente? Eu quero acrescentar que: jQuery já está sendo usado na página …
7
Como posso fazer uma escala svg com seu contêiner pai?
Eu quero ter uma escala de conteúdo do elemento svg embutido quando o tamanho não for nativo. É claro que eu poderia tê-lo como um arquivo separado e escalá-lo assim. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> No entanto, quero adicionar estilos adicionais ao SVG através do …
236 css  html  svg  scaling 
7
Citar o valor de url () é realmente necessário?
Qual das seguintes opções devo usar nas minhas folhas de estilo? /* Example #1: */ background-image: url(image.png); /* Example #2: */ background-image: url("image.png"); /* Example #3: */ background-image: url('image.png'); O que o W3C especifica como a maneira correta ?
235 css  w3c 
3
sass - assista com minify automático?
Existe uma maneira de executar: sass --watch a.scss:a.css mas a.cssacabaram sendo minificados? Como evitaria ter que executar uma etapa de minificação separada ao compilar minha folha de estilo?
235 css  sass  minify 
21
Como ocultar o elemento usando o Twitter Bootstrap e mostrá-lo usando o jQuery?
Digamos que eu crie um elemento HTML como este, <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> Como eu poderia mostrar e ocultar esse elemento HTML do jQuery / Javascript. JavaScript: $(function(){ $("#my-div").show(); }); Resultado: (com qualquer um destes). Gostaria que os elementos acima estivessem ocultos. …
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.