Skip to main content

Perguntas com a tag [css]

Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.

Filtrar por
Ordenado por
Com tags
3 votos
1 resposta
111 visitas

Div invisível com pointer-events: none é uma boa idéia?

Eu tenho uma div, chamada #dim-bg, a qual propósito é ofuscar a tela quando uma janela é focada. É um elemento fixado, vazio, invisível, que não se interage com o usuário, e ocupa toda a tela. Eu tive ...
CypherPotato's user avatar
  • 11,8mil
-1 votos
1 resposta
66 visitas

Alinhar Icon com conteúdo da LI

Olá estou começando na área e tentando me especializar em front-end e estou tendo dificuldade para replicar o portifólio disponibilizado pela rocketseat com finalidade de pratica e estou encontrando ...
Wesley Gualberto's user avatar
-1 votos
2 respostas
115 visitas

Como deixa um alinhamento Span para direita

Vamos la, quero deixar o alinhamento do span a direita, mas não estou conseguindo meu codigo abaixo: <div class="alert alert-success" role="alert" style="max-width: 60rem;&...
Wesley Rodrigues's user avatar
-4 votos
1 resposta
196 visitas

Não consigo fazer o css funcionar no GitHub [fechada]

Passei o repository pro GitHub e simplesmente o css parou de funcionar https://github.com/WinnySampaio/assets.git, esse é o projeto. Sou iniciante!!
Winny Sampaio's user avatar
12 votos
2 respostas
7mil visitas

O que são as unidades svh, lvh e dvh do CSS?

Não é difícil encontrarmos elementos do HTML que possuem a propriedade CSS height: 100vh para ocupar todo o espaço vertical, mas recentemente cruzei com as unidades svh, lvh e dvh. Exemplo usando ...
Woss's user avatar
  • 77,2mil
-2 votos
1 resposta
917 visitas

Como mudar o placeholder do input de com type="time" ou type="date"?

normalmente quando a gente cria um input com type='time' ele vai aparecer com --:-- e um reloginho no final, o que eu quero fazer é de no lugar dele ficar com --:-- ele fique com HH:MM, tbm queria ...
Gabriel Camelo's user avatar
2 votos
1 resposta
74 visitas

lista com itens de altura e largura personalizada

Estou fazendo uma lista que possuem três modelos de tamanhos: 1 - bloco quadrado 2 - bloco vertical 3 - bloco horizontal O card-normal tem a mesma largura e mesma altura O card-comprido, tem a largura ...
Maurício Krüger's user avatar
-4 votos
1 resposta
189 visitas

gerador de código de produto [fechada]

Olá, estou fazendo um site para fazer controle de estoque, ao cadastrar um item preciso gerar um código único para cada um e queria fazer isso automaticamente! Como posso fazer? Podem me ajudar e ...
my_my's user avatar
  • 1
3 votos
2 respostas
291 visitas

Variáveis CSS em escopo global e local são as mesmas ou diferentes?

Quando eu tiver uma variável global e modificar manualmente o valor da variável atribuindo um novo valor a ela em um escopo local, ela estaria sendo a mesma ou diferente? Como, por exemplo: :root {...
Leandro's user avatar
0 votos
1 resposta
177 visitas

Mostrar/Ocultar um parágrafo com Js

HTML <div class="about" id="about"> <h1>Sobre</h1> <a href="" class="aboutBtn">Ler Conteúdo</a> <p class="...
Miguel Gonçalves's user avatar
-2 votos
1 resposta
94 visitas

como fazer pra que o sempre mostre o ultimo elemento adicionado em uma div usando JS? [fechada]

estou criando um mini chatbox e quando a div das conversas está cheia os ultimos elementos adicionados fica escondidos e precisa dar scroll manualmente. Preciso que quando adicionar o ultimo item de ...
Ely Carvalho's user avatar
-2 votos
1 resposta
36 visitas

Menu Contexto. Problemas com a opção Excluir

Vou narrar o meu problema: Ao adicionar algumas imagens na tela, eu seleciono uma imagem com o botão direito do mouse, daí aparece o menu contexto, e eu desisto de excluir, PORÉM.. a função de apagar ...
João Rodrigues's user avatar
-3 votos
1 resposta
103 visitas

O background-image não está cobrindo toda a página no celular

Fiz um código de html5 e css3 onde eu teria que colocar uma imagem sobre a outra de forma que a imagem que ficasse sobreposta estaria centralizada, até essa parte consegui fazer, mas quando vou abrir ...
Wolfsz's user avatar
  • 1
-3 votos
2 respostas
57 visitas

Alguns Problemas no modo Responsividade que não consigo solucionar

Não estou conseguindo achar solução em alguns items quando entro no modo responsividade, e quando vou expandindo e diminuindo a tela, alguns itens saem de sua posição e fica se movendo pela tela, o ...
Ruuzou's user avatar
  • 1
-1 votos
1 resposta
41 visitas

Problema com Font Awesome em Select Box

Olá, estou aprendendo sobre HTML/CSS e atualmente estou tentando clonar a página da Netflix pra fins educativos. Porém, estou enfrentando um problema logo no header onde eu não consigo adicionar um ...
Christian Ferreira's user avatar
-2 votos
0 respostas
47 visitas

Faz diferença herdar ou não o valor da propriedade "box-sizing"? [fechada]

Eu estou encontrando frequentemente no código e artigos de terceiros, diversas maneiras de definir no CSS como o box-sizing (modelo de caixa) será aplicado aos elementos, porém uma dessas maneiras ...
Leandro's user avatar
-1 votos
1 resposta
239 visitas

Tirar tag do html pelo css na responsividade [duplicada]

To querendo tirar a tag <br> do html pelo css para responsividade HTML: <div class="chamada1"> <h2>Sistemas Próprios Para <br> Empresas Autênticas</...
Lice's user avatar
  • 7
-3 votos
3 respostas
679 visitas

Não consigo diminuir imagem no css

Estou tentando criar uma tela de login, na hora de diminuir a imagem ele permanece igual. Tentei por, na classe da imagem, width de 50% mas nada mudou, segue o codigo: HTML: <!DOCTYPE html> <...
Lara Vasconcelos's user avatar
-4 votos
1 resposta
25 visitas

Nao estou conseguindo achar alguma maneira de limitar o tamanho geral do meu site [fechada]

ao voce descer no site ele continua com infinitamente, eu ja tentei com width e height e ambos nao funcionaram do jeito esperado https://github.com/Luccas-costa/Dusckb/tree/main/teste%20home-login o ...
luccas costa's user avatar
-1 votos
0 respostas
172 visitas

Como utilizar um único arquivo de variáveis globais utilizando CSS Modules e CSS Inline? [fechada]

Estou iniciando um projeto React.js com SCSS e tentando desenvolver uma biblioteca de componentes UI própria. Para padronizar os estilos eu utilizaria um arquivo tema (com as variáveis globais). Minha ...
Carlos Deucher's user avatar
0 votos
0 respostas
109 visitas

Qual argumento tem prioridade em :not() quando os seletores tiver a mesma especificidade?

Eu recentemente estou me aprofundando na cascata do CSS e uma parte que não estou entendendo como funciona é a especificidade dos argumentos da pseudoclasse :not(). Para ilustrar a minha dúvida, no ...
Leandro's user avatar
-4 votos
1 resposta
93 visitas

Cometário estilo Instagram ( em React Native)

tenho uma dúvida que imagino que seja simples, porém não estou conseguindo, gostaria de saber como posso fazer isso no React Native. Segue a imagem como exemplo: São dois textos, um em negrito (nome ...
Mateus Justino's user avatar
0 votos
1 resposta
78 visitas

Como definir um "botão de expansão"?

Estou trabalhando em uma estrutura de expansão em arvóre, para integrar a outro projeto existente. Semelhante ao do windows quero que seja apenas clicável para a expansão somente a seta e não a linha ...
Maycon's user avatar
  • 11
0 votos
1 resposta
283 visitas

Como alinhar uma lista no cabeçalho de um site (HTML/CSS)

Estou tendo dificuldades para alinhar uma lista(MENU) no cabeçalho. A lista fica embaixo, onde já acaba o backgroundcolor. <div class="cabecalho"> <div class="logo"...
ViniciUwUs's user avatar
0 votos
0 respostas
170 visitas

Desabilitar via CSS o submit do input quando div pai estiver 'display: none'

Eu tenho duas div's e fora delas um input[type="radio"]. Criei um CSS aonde, dependendo de qual radio está checked, uma div fica display: block e a outra permanece display: none. Dentro de ...
Diogo's user avatar
  • 117
0 votos
0 respostas
80 visitas

Estilização por props não funciona

estou aprendendo react e tentei passar uma estilização por props, mas não vejo o resultado no navegador. Gostaria de deixar o <p>footer<p/> mais para baixo, então dei uma customClass, ...
Zheoantan's user avatar
-2 votos
2 respostas
253 visitas

passar id do elemento filho para o elemento pai

estou precisando da ajuda de vcs. tenho minha pagina principal e um componente de card, o que eu gostaria era que a cada hover no card o backgroundImage da pagina principal mudasse de acordo com o ...
Gislaine De Aguiar Guimaraes's user avatar
0 votos
0 respostas
34 visitas

Alguém me explica esse código, por favor? (.clearfix::after) - CSS [duplicada]

Alguém me explica essa parte do código? .clearfix::after { content: ""; clear: both; display: table; } <!DOCTYPE html> <html> <head> <style> div { border: ...
Abraão Lucas Silva Bento's user avatar
-2 votos
1 resposta
58 visitas

Selecionar uma opção no input radio a partir da data de nascimento preenchida

Eu tenho o seguinte codigo eu gostaria de selecionar se ele é maior de idade automaticamente a partir da data de nascimento preenchida no input type date` <div class="form-group"> <label ...
Júlio César's user avatar
0 votos
1 resposta
551 visitas

Criar uma validação no JavaScript, onde o formulário será válido caso o número B seja maior que o número A

Fala galera não estou conseguindo desenvolver um formulário HTML que possua dois campos numéricos, campo A e campo B e um botão para, submeter o formulário, criei uma validação no JavaScript, onde o ...
Julio Cesar's user avatar
0 votos
0 respostas
40 visitas

Scale em um elemento com posição absoluta

Boa tarde a todos, estou tendendo a dar um efeito de escala em uma imagem que esta em um cartão, mas ao invez dela vir pra frente ela esta indo pra baixo, acredito que seja porque ela esta com posição ...
Gislaine De Aguiar Guimaraes's user avatar
0 votos
0 respostas
135 visitas

Como mudar a cor do background conforme a pagina rolar?

olá, futuramente vou receber um projeto em que o background terá que mudar de cor conforme o conteudo que aparecer na tela, mas ainda não tive nenhuma experiencia com esse tipo de ação. Se alguém ...
lucasDemarco's user avatar
2 votos
1 resposta
91 visitas

É possível tornar um texto selecionável vindo da propriedade content?

Para exemplificar o meu problema surgiu quando tive que adicionar Entity HTML ao texto para no momento dá renderização ser renderizado como um texto ou seja ter as mesmas funções que um texto normal ...
Leandro's user avatar
-1 votos
1 resposta
128 visitas

Imagem sobreposta e responsiva

estou ainda na fase inicial de Web Design e tenho a seguinte dúvida: Eu devo sobrepor a imagem 1 exatamente no espaço "em branco" da imagem 2. Porém ambas devem ser responsivas. Tentei o ...
Paulo Gama's user avatar
-2 votos
1 resposta
120 visitas

Problema em um botão que possui hover no css

Uma parte do texto do botão tem que estar destaque e ja tentei colocar a tag , a tag e criar uma class no css com a font weight: bold, mas sempre ao passar o mouse no botão o mesmo a parte do texto ...
Paulo Cesar Schmitz's user avatar
0 votos
0 respostas
17 visitas

Colocar cor em Type Animation

Olá, estou tentando colocar com em uma parte do texto escrito, porém só consegui colocar cor nele inteiro, export const Title = () => { return ( <TypeAnimation sequence={[ ...
Kaue Siqueira's user avatar
0 votos
0 respostas
67 visitas

Como customizar o X do input pesquisa [duplicada]

imagem do meu campo de pesquisa .campoPesquisa{ position: fixed; top: calc(0px + 70px); width: 100%; display: flex; justify-content: center; align-items: center; height: ...
Welson Paiva's user avatar
-1 votos
1 resposta
27 visitas

Alterar a quandidade de elementos de forma automatica

Preciso criar uma div com x(Quantidade variada) elementos(pode ser outras divs ou botões) na qual a quantidade delas possam ser alteradas de forma automática apena mudando o valor de uma variável EX: ...
Talles Silva's user avatar
-2 votos
1 resposta
147 visitas

como Criar Array que atualiza a lista localStorage com Angular?

Olá pessoal boa Tarde como posso esta atualizando uma lista de dados no localstorage com Angular? exemplo se na lista esta escrito 'Bruno' e não era 'Bruno' mas sim 'Paulo' como posso esta atualizando....
tiago feliciano's user avatar
-1 votos
3 respostas
165 visitas

Hover no elemento irmão não funciona

Tenho duas <li> que estou usando como botões e quero fazer com que quando eu passe o mouse em uma, a outra fique mais transparente. Quando eu faço no botão 1, o botão 2 fica transparente. Mas ...
Lucas dos Santos Gomes's user avatar
0 votos
0 respostas
106 visitas

Como fazer transition usando function no js ONCLICK

Boa tarde estou com problemas para estilizar uma animação, minha intenção é criar um function no css que possa realizar uma transição de uma imagem até o topo usando transition no css, quero que a img ...
Alexandre Shiguemi's user avatar
-3 votos
0 respostas
30 visitas

media queries only work on devtools but not on devices [fechada]

I made a project with simple html and css and added some media queries.(my resolution is 1980x1080) It turns out that when I set for example 1366x768 (which is a common resolution for notebooks) in ...
Ronera's user avatar
  • 1
3 votos
1 resposta
582 visitas

Existe alguma forma de forçar prefers-color-scheme?

Estou desenvolvendo um aplicativo web que irá adaptar as cores para o que o usuário preferir. Pretendo criar uma opção para forçar tema claro e uma para forçar tema escuro. Atualmente tenho um código ...
CypherPotato's user avatar
  • 11,8mil
0 votos
1 resposta
81 visitas

Diferença entre o "Pixel real" e o "Pixel de referência" no CSS [duplicada]

Recentemente me deparei com duas definições distintas de pixel no CSS. O pixel "real", a junção de pontos luminosos rgb em nossa tela, e o pixel de "referência" usado no CSS, sendo ...
Ramon Oliveira's user avatar
-3 votos
1 resposta
237 visitas

Cards do BootStrap sobrepondo uns aos outros quando em responsivo

Tenho que entregar um site de receitas responsivo feito 100% com bootstrap (nunca tinha usado antes) e sempre que começo a diminuir a tela do site isso acontece https://prnt.sc/cGNRkmemCENB os cards ...
Samuel Moraes's user avatar
3 votos
2 respostas
200 visitas

Como aplicar cor ao conteúdo de um elemento?

Imaginando o cenário HTML: <div> <a>Cachorro</a> <p>Leão</p> Macaco <i>Gaivota</i> </div> Eu preciso aplicar um estilo específico para ...
CypherPotato's user avatar
  • 11,8mil
-2 votos
1 resposta
327 visitas

Como criar um sumário com paginas numeradas do HTML para o DOCX

Estou gerando um relatório dinâmico em HTML usando o Editor.js em um projeto Next.js com a intenção de gerar o Docx ou PDF. Preciso incluir um sumário com link e pagina de todos os tópicos, tabelas e ...
André Chaves's user avatar
-2 votos
1 resposta
86 visitas

Script PHP não insere no banco SQL

Boa Noite, amigos Estou tentando fazer uma inserção no banco SQL com o seguinte formulário ` Descrição <label for="password">Valor</label> ...
Edney Araujo's user avatar
-1 votos
1 resposta
31 visitas

tela de loading aparece so o ícone sobre o conteúdo

minha tela de loading aparece só o icone sobre o conteúdo da tela inicial. quero adicionar uma cor solida ao fundo que desaparece junto com o icone quando o site carregar. como adiciono? <body ...
Ivy Emily's user avatar
0 votos
1 resposta
409 visitas

Porque quando eu coloco o text-decoration: none; dentro da ul {} apenas ele não retira o underline dos links

Porque quando eu coloco o text-decoration: none; dentro da ul {} apenas ele não retira o underline dos links a dentro das li do ul? E ai eu tenho que fazer um ul a {} para que isso aconteça? /* ...
Ostkrag's user avatar