CSS Quando se deve usar o atributo de estilo?

0

Pergunta

Olá, estou criando uma página da web a partir do zero e eu estou correndo em um problema

Eu sei usar a tag de estilo não é muito bom, mas seria, neste caso, bem usar? ou talvez há uma melhor forma de o fazer?

vamos dizer que eu tenho esse CSS

.group-box {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    display: inline-block;
    background-color: rgba(30,30,30);
    padding: 15px;
    height: 100px;
    border: 1px solid rgba(10,136,0, 0.2);
}

e eu tenho

<div class="groupbox"></div>

mas, agora, vamos dizer que eu queria fazer o meu grupo maior de um tempo de uso, é bom para fazer?

<div class="groupbox" style="height: 300px;"></div>

ou devo apenas fazer toda uma classe separada como um pequeno grupo e grande grupo, com as mesmas propriedades, mas apenas diferentes alturas de valores? Eu estou mais inclinado para o atributo de estilo. Mas talvez haja uma maneira melhor?

Eu estou querendo saber o que o CSS de "codificação" padrão diria sobre esta questão. a minha pergunta é subjetiva, mas eu quero saber o que a maioria dos outros que são mais experientes em CSS faria na minha situação.

Obrigado

coding-style css html styles
2021-11-20 05:24:14
2

Melhor resposta

0

Ele depende totalmente de 'situação'. Em particular, considerando a facilidade de manutenção/legibilidade para os futuros desenvolvedores. Não pode haver uma resposta certa. Ambos os métodos são permitidos pela norma.

A coisa para ver se o uso de classes é cascata/especificidade que você pode ser confiante, são tratados, se utilizando de estilo.

Mas contra que é a capacidade de uma folha de estilos para usar nomes de classe que tenham significado. E existe uma verdadeira separação entre o estilo e a semântica, o estilo não ser "sepultado" entre HTML. Você também pode agrupar configurações para que o mantenedor não é caça através de muitas linhas de código para localizar alterações.

2021-11-20 06:27:10
0

Você pode usar ambos, no entanto, é sempre melhor prática a utilização de CSS externo, e a classe que inline CSS, porém se ele muito poucos linha, então ele não vai afetar o desempenho muito.

2021-11-20 05:48:32

Em outros idiomas

Esta página está em outros idiomas

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................