Questões sobre o carregamento do código CSS

Item: Questões sobre o carregamento do código CSS
Rating: 1

por Don Corleone 15.02.21 1:05

Detalhes da questão

Endereço do fórum: https://somosmugiwara.forumeiros.com/forum
Versão do fórum: ModernBB

Descrição

Gostaria de saber se existe alguma diferença entre o css na folha de estilo, em algum widget ou nos templates do fórum?

Se existe alguma diferença no modo de carregamento.

por **tikky** 15.02.21 20:26

Olá @Connor R.,

Não! Os códigos CSS estão todos no mesmo ficheiro, veja: https://somosmugiwara.forumeiros.com/css.forum?pop=1
Não sei se respondi à sua questão Envergonhado

Atenciosamente,
pedxz.

por Don Corleone 17.02.21 21:01

pedxz escreveu:Olá @Connor R.,

Não! Os códigos CSS estão todos no mesmo ficheiro, veja: https://somosmugiwara.forumeiros.com/css.forum?pop=1
Não sei se respondi à sua questão

Atenciosamente,
pedxz.

Não entendi muito bem, quaisquer código css que eu colocar, independente do local, vai pra este ficheiro?

por nikkibs 18.02.21 5:30

Oi, ACHO que entendi sua pergunta. Basicamente, na folha de estilos, você pode alterar o css de qualquer lugar do fórum usando as chamadas das classes, por exemplo.
Uma explicação básica disso seria:
- Você quer alterar um css relacionado a um código html como esse:

Código:: <div class="lara">lalala</div>

Na folha de estilos, vai usar o seguinte css:

Código:: .lara { //código }

- Já, se você se deparou com o "id" em invés de "class" no div, como abaixo:

Código:: <div id="lara">lalala</div>

Na folha de estilos vai usar o seguinte css:

Código:: #lara { //código }

Mas o CSS pode ser aplicado em vários locais do fórum, seja na área de descrição de tópicos, nos templates de postagens, nos widgets ou na própria folha de estilos. Porém, nenhum código vai ser redirecionado pra outra área do fórum automaticamente. Eles vão ficar no local onde escreveu eles (na folha de estilos, o que acontece, é que eles podem ser chamados em qualquer lugar com o id e o class, mas não o contrário). Exemplo: Se você usar um CSS em um template de postagem, não vai poder usar ele em uma descrição de um tópico, a não ser que redigite ele todo de novo. Já, se você escrever o css na folha de estilo, vai poder usar ele em qualquer lugar sem precisar reescrever toda vez que for utilizar

por Don Corleone 18.02.21 6:14

Não é isso. Gostaria de saber se existe alguma diferença entre colocar css na folha de estilo, no template ou nos widgets. Tipo qual seria a ordem de carregamento do css, para estas diferentes localizações.

por nikkibs 18.02.21 6:50

Não creio que faça muita diferença na ordem de carregamento. Se fizer, acredito que seja por milésimos de segundo. A maior diferença é a que citei

por Don Corleone 18.02.21 20:17

Humrum, ainda assim esperarei uma resposta oficial de algum moderador.

por **tikky** 18.02.21 20:34

Peço imensa desculpa @Connor R. Venerar

Percebi a sua questão!
Isto vai depender de vários factores, por instantes qualquer CSS dentro do <head></head> seja um ficheiro¹ .css ou um style vai carregar mais rápido que outro dentro do <body> Mas se o ficheiro¹ .css for pesado vai demorar mais a carregar. ~~É recomendável usar "Sim" na opção "Melhorar seu CSS" para aumentar a rapidez do carregamento do CSS~~

por Don Corleone 18.02.21 20:43

@pedxz sem problema mano. Então no caso os css colocados na folha css carregam mais rápido, pois vai estar entre as tag head, certo?
Quanto a esta opção de melhorar o css, não a utilizo pois keyframes deixam de funcionar com esta opção ativa.

por **tikky** 18.02.21 20:46

Então no caso os css colocados na folha css carregam mais rápido, pois vai estar entre as tag head, certo?

Exatamente!

Quanto a esta opção de melhorar o css, não a utilizo pois keyframes deixam de funcionar com esta opção ativa.

O senhor pode (re)ativar esta opção, basta mover os keyframes da sua folha de estilo para o seu overall_header dentro do head, é só uma sugestão Envergonhado

por Don Corleone 18.02.21 21:11

pedxz escreveu:
Então no caso os css colocados na folha css carregam mais rápido, pois vai estar entre as tag head, certo?
Exatamente!

Quanto a esta opção de melhorar o css, não a utilizo pois keyframes deixam de funcionar com esta opção ativa.
O senhor pode (re)ativar esta opção, basta mover os keyframes da sua folha de estilo para o seu overall_header dentro do head, é só uma sugestão

Maravilhosa a sua ideia rs, caramba como não pensei nisso kkkk.
Tudo resolvido, obrigado.

por **tikky** 18.02.21 21:25

Tópico resolvido

Movido para "Questões resolvidas".

Questões sobre o carregamento do código CSS