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
width: auto para campos <input>
Pergunta CSS para iniciantes. Eu pensei width:autoque um display:blockelemento significava 'preencher o espaço disponível'. No entanto, para um &lt;input&gt;elemento, isso não parece ser o caso. Por exemplo: &lt;body&gt; &lt;form style='background-color:red'&gt; &lt;input type='text' style='background-color:green;display:block;width:auto'&gt; &lt;/form&gt; &lt;/body&gt; Duas perguntas então: Existe uma definição de exatamente qual largura: auto significa? A especificação CSS …
122 css 
7
Como centralizar horizontalmente um elemento de amplitude dentro de uma div
Estou tentando centralizar os dois links 'view website' e 'view project' dentro da div circundante. Alguém pode apontar o que preciso fazer para que isso funcione? JS Fiddle: http://jsfiddle.net/F6R9C/ HTML &lt;div&gt; &lt;span&gt; &lt;a href="#" target="_blank"&gt;Visit website&lt;/a&gt; &lt;a href="#"&gt;View project&lt;/a&gt; &lt;/span&gt; &lt;/div&gt; CSS div { background:red;overflow:hidden } span a { background:#222; …
122 css 
12
Bloqueio de cache via parâmetros
Queremos esconder o busto nas implantações de produção, mas não perder muito tempo tentando descobrir um sistema para isso. Meu pensamento foi aplicar um parâmetro ao final dos arquivos css e js com o número da versão atual: &lt;link rel="stylesheet" href="base_url.com/file.css?v=1.123"/&gt; Duas perguntas: isso efetivamente interromperá o cache? O parâmetro …
122 javascript  html  css  caching 
5
A transformação CSS3 não funciona
Estou tentando transformar meus itens de menu girando-os 10 graus. Meu CSS funciona no Firefox, mas não consegui replicar o efeito no Chrome e no Safari. Eu sei que o IE não oferece suporte a essa propriedade CSS3, então isso não é um problema. Usei o seguinte CSS: li a …
122 html  css 
11
Reação de texto nativo saindo da minha tela, recusando-se a embrulhar. O que fazer?
O código a seguir pode ser encontrado neste exemplo ao vivo Eu tenho o seguinte elemento nativo reac: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( &lt;View style={styles.container}&gt; &lt;View style={styles.descriptionContainerVer}&gt; &lt;View style={styles.descriptionContainerHor}&gt; &lt;Text style={styles.descriptionText} …
3
Calcular uma porcentagem com SCSS / SASS
Eu quero definir uma largura em porcentagem em scss via cálculo, mas isso me dá erros .. CSS inválido após "...- width: (4/12)%": a expressão esperada (por exemplo, 1px, negrito) era ";" Eu quero fazer algo como $my_width: (4/12)%; div{ width: $my_width; } como adiciono o sinal de% lá? Mesma …
121 css  sass 
7
2 ngIf e transição / animação em CSS
Eu quero uma div para deslizar da direita na angular 2 usando css. &lt;div class="note" [ngClass]="{'transition':show}" *ngIf="show"&gt; &lt;p&gt; Notes&lt;/p&gt; &lt;/div&gt; &lt;button class="btn btn-default" (click)="toggle(show)"&gt;Toggle&lt;/button&gt; Eu funciono bem se eu usar apenas [ngClass] para alternar entre classes e utilizar a opacidade. Mas como não quero que esse elemento seja renderizado desde …
8
Posso colorir as colunas da tabela usando CSS sem colorir células individuais?
Existe uma maneira de colorir vãos de colunas todo o caminho para baixo. Veja o exemplo inicial abaixo: &lt;table border="1"&gt; &lt;tr&gt; &lt;th&gt;Motor&lt;/th&gt; &lt;th colspan="3"&gt;Engine&lt;/th&gt; &lt;th&gt;Car&lt;/th&gt; &lt;th colspan="2"&gt;Body&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;1&lt;/td&gt; &lt;td&gt;2&lt;/td&gt; &lt;td&gt;3&lt;/td&gt; &lt;td&gt;4&lt;/td&gt; &lt;td&gt;5&lt;/td&gt; &lt;td&gt;6&lt;/td&gt; &lt;td&gt;7&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;7&lt;/td&gt; &lt;td&gt;1&lt;/td&gt; &lt;td&gt;2&lt;/td&gt; &lt;td&gt;3&lt;/td&gt; &lt;td&gt;4&lt;/td&gt; &lt;td&gt;5&lt;/td&gt; &lt;td&gt;6&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; Executar trecho de …
121 html  css 
4
Como alinhar as colunas do flexbox à esquerda e à direita?
Com CSS típico, eu poderia flutuar uma das duas colunas para a esquerda e outra para a direita com algum espaço de sarjeta no meio. Como eu faria isso com o flexbox? http://jsfiddle.net/1sp9jd32/ #container { width: 500px; border: solid 1px #000; display: -webkit-flex; display: -ms-flexbox; display: flex; } #a { …
121 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.