0

Dificuldade - Aula introdução ao CSS3

#CSS
Nilson Medeiros
Nilson Medeiros

Galera, boa tarde!

Estou tendo dificuldades de acompanhar a aula de introdução ao CSS3, visto que a qualidade do vídeo não está muito boa, sendo assim não consigo ver algumas informações dos códigos, outra coisa que também estou sentindo é a didática do professor, pois muitas vezes ele já inicia algumas coisas que ainda não tenho conhecimento, mas deveria ser abordado no curso, pois é um curso essencial, básico.

Como mostra no print os destaques, fiz as alterações no HTML, e adicionei as formatações no CSS mas não mudou no navegador quando atualizei.


Agradeço pelo auxilio.

0
1

Comentários (7)

1
Mauricio Teixeira

Mauricio Teixeira

23/09/2021 17:20

Olá Nilson.


Se você puder postar um print do seu arquivo .css facilitaria bastante para entendermos o que está ocorrendo.


Abraço!

0
Nilson Medeiros

Nilson Medeiros

23/09/2021 18:56

Galera, boa noite!


Problema resolvido, muito obrigado pela ajuda, valeu!

1
João Silva

João Silva

23/09/2021 17:36

Nilson, pelo que vi em seu print do Style.css, falta o senhor identificar o que são classes e o que são id's. Sempre que você quer mudar a estilização de algum elemento pelo id você deve usar no css "#" antes do nome, já em classes deve se usar".".


Exemplo com id: #title{

color: red;

}


Exemplo com classe: .subtitle{

color: green;

}

1
M

Matheus Mendonça

23/09/2021 17:27

Tente colocar a imagem do html e css, para podemos identificar se a algum erro.

1
Mauricio Teixeira

Mauricio Teixeira

23/09/2021 17:36

Nilson,


A recomendação do Ítallo procede.


Mas, percebi que o primeiro elemento é um "id" e não uma "class".


Basicamente: antes de declarar o id, se usa "#"; antes de declarar class, se usa "."


#title, .subtitle, .post_title {
	color: blue;
}

.post_title {
	font-size: 16px;
	font-style: italic;
}


Essa seria a forma correta de escrever o seu .CSS.


Testa e nos dá um retorno.

1
Itallo David

Itallo David

23/09/2021 17:31

No CSS classes precisam iniciar com um ponto '.' e ids por um #.

faça a seguinte alteração em seu CSS:

#title, .subtitle, .post_title {
	color: blue;
}

.post_title {
	font-size: 16px;
	font-style: italic;
}

Note o ponto no inicio, ele indica que estamos personalizando seletores CSS que são classes.

E o # estamos personalizando seletores CSS que são ids, por convenção ids devem ser únicos, então é recomendado que você utilize apenas classes em seu CSS e deixe os ids para utilizar com javascript.

Abaixo deixo o link de um artigo sobre o assunto:

https://metring.com.br/como-usar-class-em-html-e-css

0
Nilson Medeiros

Nilson Medeiros

23/09/2021 17:26

Boa tarde, Mauricio


segue


Estudante de desenvolvimento web

Brasil