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.

2
Linhas de altura igual no layout de grade CSS
Percebi que isso é impossível de se conseguir usando o Flexbox, já que cada linha pode ter apenas a altura mínima necessária para ajustar seus elementos, mas isso pode ser alcançado usando o CSS Grid mais recente? Para ser claro, eu quero altura igual para todos os elementos em uma …
3
Absoluto e Flexbox no React Native
Eu gostaria de colocar uma barra branca que ocupasse toda a largura na parte inferior da tela. Para isso, pensei em usar o absoluteposicionamento com os flexboxparâmetros herdados . Com o seguinte código torna algo como este . Aqui está o meu código: var NavigationBar = React.createClass({ render: function() { …
12
Como fazer <label> e <input> aparecerem na mesma linha em um formulário HTML?
Estou criando um formulário de registro para um site. Quero que cada rótulo e seu elemento de entrada correspondente apareçam na mesma linha. Este é meu código: #form { background-color: #FFF; height: 600px; width: 600px; margin-right: auto; margin-left: auto; margin-top: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0px; } label { …
99 html  css  forms 
12
obter o valor percentual da regra CSS em jQuery
Digamos que a regra seja a seguinte: .largeField { width: 65%; } Existe uma maneira de obter '65% 'de volta de alguma forma, e não o valor do pixel? Obrigado. EDIT: Infelizmente, o uso de métodos DOM não é confiável no meu caso, pois tenho uma folha de estilo que …
98 jquery  css 
6
Flor de paradoxo do Z-index CSS
Eu gostaria de criar um efeito paradoxal por meio da propriedade z-index CSS . No meu código tenho cinco círculos, como na imagem abaixo, e todos eles estão absolutamente posicionados sem nenhum definido z-index. Portanto, por padrão, cada círculo se sobrepõe ao anterior. No momento, o círculo 5 se sobrepõe …
98 css  z-index 
5
O que um asterisco (*) faz em um seletor CSS?
Eu encontrei este código CSS e o executei para ver o que ele faz e descreve TODOS os elementos da página, Alguém pode explicar o que o Asterisk * faz no CSS? &lt;style&gt; * { outline: 2px dotted red } * * { outline: 2px dotted green } * * …
7
css z-index perdido após webkit transformar translate3d
Eu tenho dois elementos div absolutamente posicionados que se sobrepõem. Ambos definiram valores de índice z via css. Eu uso a translate3dtransformação do webkit para animar esses elementos fora da tela e, em seguida, de volta na tela. Após a transformação, os elementos não respeitam mais seus z-indexvalores definidos . …
98 css  webkit  transform 
15
Como você cria um botão de alternância?
Quero criar um botão de alternância em html usando css. Eu quero que quando você clicar nele, ele permaneça empurrado para dentro e quando você clicar nele novamente, ele saia. Se não houver maneira de fazer isso apenas usando css. Existe uma maneira de fazer isso usando jQuery?
98 jquery  html  css 
6
Fontes da Web ou fontes carregadas localmente?
Desde os problemas causados ​​pelo uso de Cufon eu me aventurei a deixar de usar recursos de fontes externas, mas ultimamente tenho procurado métodos alternativos de carregamento de fontes para ver se há uma maneira melhor; métodos melhores têm uma maneira de simplesmente aparecer do nada. Existem muitos métodos novos …
5
HTML / CSS: tornar um div “invisível” aos cliques?
Por vários motivos, preciso colocar um (principalmente) transparente &lt;div&gt;sobre algum texto. No entanto, isso significa que o texto não pode ser clicado (por exemplo, para clicar em links ou selecioná-lo). Seria possível simplesmente tornar esse div "invisível" para cliques e outros eventos do mouse? Por exemplo, o overlaydiv cobre o …
98 html  css  events 
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.