Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

luqfreitas

atributo style nas tags

Recommended Posts

galera to com uma dúvida.. to fazendo um projetos em que muitas vezes pra eu n precisar criar uma class pra um caso único eu coloquei o atributo style nas tags

 

exemplo

<div style="height:500px; width:500px; background-color:#000; margin:auto;">
</div>
há algum problema em usar esse atributo em excesso e eu não dando id, name ou class pra div implica em alguma coisa?

 

 

Só uma dúvida..

 

abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

sim, é horrível de dar manutenção.

 

sempre saia criando classes, é melhor.

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

<div style="height:500px; width:500px; background-color:#000; margin:auto;"></div>

Não há problema. Só que CSS inline está distante de ser uma boa prática, principalmente quando em excesso, por questões de organização e performance. A melhor prática é a utilização de um CSS externo (assim como o Javascript), pois o navegador irá armazenar o arquivo em cache e as HTTP requests serão reduzidas, por exemplo.

 

Se já foi muito longe com CSS inline, experimente o Inline CSS extractor. ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

[...] n precisar criar uma class pra um caso único

Para isso que existem os ID's

 

há algum problema em usar esse atributo em excesso e eu não dando id, name ou class pra div implica em alguma coisa?

Prejudica a manutenção e você abre mão de caching

 

Atente, também, para o fato que css inline tem a maior especificidade da cascata.

Compartilhar este post


Link para o post
Compartilhar em outros sites

é como a galera havia dito sempre procure colocar classe (class) ou um identificador (id) no que for fazer e chama um css externo por exemplo o seu codigo fica organizado e facil de manutencao :

 

 

 

<div id="teste" style="height:500px; width:500px; background-color:#000; margin:auto;">

</div>

 

 




			
		

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.