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.

8
Alinhar um elemento ao fundo com o flexbox
Eu tenho um divcom algumas crianças: <div class="content"> <h1>heading 1</h1> <h2>heading 2</h2> <p>Some more or less text</p> <a href="/" class="button">Click me</a> </div> e eu quero o seguinte layout: ------------------- |heading 1 | |heading 2 | |paragraph text | |can have many | |rows | | | | | | | …
375 html  css  flexbox 
18
img src SVG alterando os estilos com CSS
html <img src="logo.svg" alt="Logo" class="logo-img"> css .logo-img path { fill: #000; } O svg acima carrega e é nativo, fill: #fffmas quando eu uso o acima csspara tentar mudá-lo para preto, ele não muda, é a primeira vez que eu jogo com SVG e não sei ao certo por que …
374 css  image  svg 
21
Diferença entre margem e preenchimento?
Qual é exatamente a diferença entre margem e preenchimento no CSS? Realmente não parece ter muito propósito. Você poderia me dar um exemplo de onde estão as diferenças (e por que é importante saber a diferença)?
372 css 
13
Como colocar dois divs próximos um do outro?
Considere o seguinte código : #wrapper { width: 500px; border: 1px solid black; } #first { width: 300px; border: 1px solid red; } #second { border: 1px solid green; } <div id="wrapper"> <div id="first">Stack Overflow is for professional and enthusiast programmers, people who write code because they love it.</div> <div …
370 css  html 
14
Eu não quero herdar a opacidade filho do pai no CSS
Eu não quero herdar a opacidade filho do pai no CSS. Eu tenho uma div que é o pai e outra dentro da primeira div que é a criança. Quero definir a propriedade opacity na div pai, mas não quero que a div child herde a propriedade opacity. Como eu …
370 css 
8
CSS: not (: último filho): depois do seletor
Eu tenho uma lista de elementos, com o estilo desta forma: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Executar snippet de códigoOcultar resultadosExpandir snippet Saídas em One | Two | Three | Four …
16
Estouro de texto CSS: reticências; não está funcionando?
Não sei por que esse CSS simples não está funcionando ... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } <div class="app"> <a href="">Test Test Test Test Test Test</a> </div> …
368 overflow  ellipsis  css 
2
Flexbox não dando largura igual aos elementos
Tentativa de uma navegação flexbox com até 5 itens e menos de 3, mas não está dividindo a largura igualmente entre todos os elementos. Violino O tutorial que estou modelando é o seguinte: http://www.sitepoint.com/responsive-fluid-width-variable-item-navigation-css/ SASS * { font-size: 16px; } .tabs { max-width: 1010px; width: 100%; height: 5rem; border-bottom: solid …
368 html  css  flexbox 
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.