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.

15
Como remover o realce da borda em um elemento de texto de entrada
Quando um elemento HTML é 'focado' (atualmente selecionado / tabulado), muitos navegadores (pelo menos Safari e Chrome) colocam uma borda azul em torno dele. Para o layout em que estou trabalhando, isso é perturbador e não parece certo. <input type="text" name="user" class="middle" id="user" tabindex="1" /> O Firefox parece não fazer …
610 css  input  safari  webkit  border 
25
Verificar se um elemento contém uma classe em JavaScript?
Usando JavaScript simples (não jQuery), existe alguma maneira de verificar se um elemento contém uma classe? Atualmente, estou fazendo o seguinte: var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case "class3": …
588 javascript  html  css  dom 
21
CSS redimensiona a imagem e mantém a proporção
Estou trabalhando com imagens e me deparei com um problema com proporções. <img src="big_image.jpg" width="900" height="600" alt="" /> Como você pode ver, heighte widthjá está especificado. Adicionei regra CSS para imagens: img { max-width:500px; } Mas para big_image.jpg, eu recebo width=500e height=600. Como posso definir as imagens para serem redimensionadas, …
577 css  image  aspect-ratio 
23
Como você obtém conteúdo centralizado usando o Twitter Bootstrap?
Estou tentando seguir um exemplo muito básico. Usando a página inicial e o sistema de grade , eu esperava o seguinte: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Executar snippet de códigoOcultar resultadosExpandir snippet ... produziria texto centralizado. No entanto, ele ainda aparece na extrema esquerda. …
21
Quebra de linha em uma tabela HTML
Eu tenho usado word-wrap: break-wordpara quebrar o texto em divs e spans. No entanto, parece não funcionar nas células da tabela. Eu tenho uma tabela definida como width:100%, com uma linha e duas colunas. O texto nas colunas, embora com o estilo acima word-wrap, não quebra. Faz com que o …
566 html  css  html-table 
8
Qual é a diferença entre Normalize.css e Reset CSS?
Eu sei o que é CSS Reset, mas recentemente ouvi falar sobre essa coisa nova chamada Normalize.css Qual é a diferença entre Normalize.css e Reset CSS ? Qual é a diferença entre normalizar CSS e redefinir CSS? É apenas uma nova palavra da moda para a redefinição de CSS?
565 css  normalize-css 
18
Angular: classe condicional com * ngClass
O que há de errado com meu código angular? Estou obtendo: Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active: step==='step2'}" (click)="step='step2'">Step2</li> <li *ngClass="{active: step==='step3'}" (click)="step='step3'">Step3</li> </ol>
7
Tornando uma div rolável verticalmente usando CSS
este <div id="" style="overflow:scroll; height:400px;"> Executar snippet de códigoOcultar resultadosExpandir snippet dá a divisso que o usuário pode rolar na horizontal e na vertical. Como faço para alterá-lo para que a div seja rolada apenas verticalmente?
560 html  css 
21
Expanda uma div para preencher a largura restante
Eu quero um layout div de duas colunas, onde cada um pode ter largura variável, por exemplo div { float: left; } .second { background: #ccc; } <div>Tree</div> <div class="second">View</div> Executar snippet de códigoOcultar resultadosExpandir snippet Eu quero que a div 'view' se expanda para toda a largura disponível após …
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.