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.
8,530
perguntas
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 ...
-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
...
-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;&...
-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!!
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 ...
-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 ...
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 ...
-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 ...
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 {...
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="...
-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 ...
-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 ...
-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 ...
-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 ...
-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 ...
-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 ...
-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</...
-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>
<...
-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 ...
-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 ...
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 ...
-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 ...
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 ...
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"...
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 ...
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, ...
-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 ...
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: ...
-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 ...
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 ...
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 ...
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 ...
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 ...
-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 ...
-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 ...
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={[
...
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: ...
-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: ...
-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....
-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 ...
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 ...
-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 ...
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 ...
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 ...
-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 ...
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 ...
-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 ...
-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>
...
-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 ...
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?
/* ...