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.

3
Qual é a diferença entre: first-child e: first-of-type?
Eu não posso dizer a diferença entre element:first-childeelement:first-of-type Por exemplo, digamos, você teve um div div:first-child → Todos os <div>elementos que são os primeiros filhos de seus pais. div:first-of-type → Todos os <div>elementos que são o primeiro <div>elemento de seu pai. Parece exatamente a mesma coisa, mas funcionam de forma …
124 css  css-selectors 


12
Bootstrap 4 Alterar cor do alternador de hambúrguer
Tenho um site de bootstrap em que o alternador de hambúrguer é adicionado quando o tamanho da tela é menor que 992 px. O código é assim: <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> Existe alguma possibilidade de alterar a cor do botão de …


7
Como posicionar o texto sobre uma imagem em css
Como centralizo um texto sobre uma imagem em css? <div class="image"> <img src="sample.png"/> <div class="text"> <h2>Some text</h2> </div> </div> Eu quero fazer algo como o abaixo, mas estou tendo dificuldades, aqui está o meu css atual <style> .image { position: relative; } h2 { position: absolute; top: 200px; left: 0; …
123 html  css 

8
Qual CSS de redefinição HTML5 você usa e por quê? [fechadas]
Fechado . Esta questão é baseada em opiniões . No momento, não está aceitando respostas. Deseja melhorar esta pergunta? Atualize a pergunta para que ela possa ser respondida com fatos e citações editando esta postagem . Fechado há 5 anos . Melhore esta pergunta Qual CSS de redefinição HTML5 você …
123 css  html  css-reset 

5
Tem uma variável no caminho das imagens no Sass?
Quero ter uma variável que contenha o caminho raiz para todas as minhas imagens no meu arquivo CSS. Não consigo descobrir se isso é possível no Sass puro (o projeto da Web atual não é o RoR, portanto, não é possível usar asset_pipeline ou nada desse jazz sofisticado). Aqui está …
123 css  sass 

3
Obter css valor superior como número e não como string?
No jQuery, você pode obter a posição superior em relação ao pai como um número, mas não é possível obter o valor superior do css como um número se ele tiver sido definido px. Digamos que tenho o seguinte: #elem{ position:relative; top:10px; } <div> Bla text bla this takes op …
123 javascript  jquery  css 




9
problema com <select> e: depois com CSS no WebKit
Gostaria de adicionar algum estilo em uma caixa de seleção com o pseudo: after (para estilizar minha caixa de seleção com 2 partes e sem imagens). Aqui está o HTML: &lt;select name=""&gt; &lt;option value=""&gt;Test&lt;/option&gt; &lt;/select&gt; E isso não funciona. Não sei por que e não encontrei a resposta nas especificações …
123 html  css  select 

6
Como remover sublinhado de um nome ao passar o mouse
Eu tenho esse html: &lt;legend class="green-color"&gt;&lt;a name="section1"&gt;Section&lt;/a&gt;&lt;/legend&gt; legend.green-color{ color:green; } No meu caso, Sectionparecendo verde, mas quando coloco o ponteiro do mouse sobre ele, ele se parece com um href, mas quero que ele permaneça igual, sem sublinhado e sem alteração de cor. É possível conseguir sem alterar o css …
123 html  css 


5
Diferença entre HTML "overflow: auto" e "overflow: scroll"
Quando eu estava estudando os overflowvalores da propriedade, me deparei com esses dois valores: autoe scroll, que adiciona barra (s) de rolagem se o conteúdo exceder o limite do elemento. Alguém poderia me explicar qual é a diferença entre eles?
123 html  css 

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.