Elemento, ID no CSS.
12/03/2016
0
Marluce Neves
Post mais votado
12/03/2016
O CSS afeta a todos os elementos do HTML independentes se tenham ou não ID´s. Afinal não é obrigatório criar "Names e IDs" para todos os controles de uma página.
A forma mais produtiva de utilizar-se do CSS é através de "classes" (class), pois ao utilizar-se class fica mais dinâmico e reaproveita melhor o estilo criado. Podendo ser aplicado ao um controle ou em vário controles de uma mesma página. Se usar ID, para criar um estilo, só poderá ter um controle sendo afetado por aquele estilo por página.
Claro que dependendo do que se deseja é melhor alterar as características do controle por ID ou invés utilizar class.
Jothaz
Mais Posts
12/03/2016
Marluce Neves
13/03/2016
Marcelo Pastore
14/03/2016
Jothaz
Então na minha humilde opinião o importante é absorver amplamente todos os conceitos para usá-los nos cenário adequados.
Quando você "centraliza", corre-se o risco de deixar muito conteúdo importante de fora.
Claro que existem recomendações e melhores práticas, mas tudo depende do cenário e do objetivo.
O usdo de classe permite uma abordagem mais dinâmica e reaproveitar melhor o estilo gerado.
Por exemplo usando o jQuery Mask Plugin, definindo os estilos como classe, fica mais simples e pode ser utilizado em qualquer campo com qualquer ID em todo o seu projeto. Com isto seu estilo e reaproveitado de forma mais completa. Se fosse usar ID teria de criar um estilo para cada ID o que seria muito mais trabalhoso.
$('.data').mask('00/00/0000'); $('.hora').mask('00:00:00'); $('.data_hora').mask('00/00/0000 00:00:00'); $('.cep').mask('00000-000'); $('.fone').mask('0000-0000'); $('.fone_com_ddd').mask('(00) 0000-0000'); $('.fone_us').mask('(000) 000-0000');
Em outros casos o idela é criar um estilo único para um controle do HTML. Por exemplo você pode definir que o <H3> (cabeçalho padrão) tenha o seguinte estilo:
h3 { font-size: 2.3em; line-height: 1.3em; margin: 15px 0; text-align: center; font-weight: 300; }
Assim em qualquer lugar que você utilizar o controle <H3> este estilo será aplicado o que facilita e simplifica a codificação.
Outra forma é definir um estilo para um ID, mas quando usar esta solução?
A resposta seria quando você achar necessário, você como o desenvolvedor é quem conhece o cenário plenamente e portanto cabe a você decidir-se.
Mas você pode utilizar ID's, por exemplo, para partes únicas da estrutura de seu layout, como: cabeçalho, rodapé, topo, menu.
Finalizando siga o seu bom senso, seja critica e use sua criatividade. E tente ver a questão de todos os ângulos, sei que é mais trabalhoso que seguir roteiros e soluções pré-definidas, mas vai liberar seu processo criativo.
E ninguém falou que seria fácil. kkkkkkkkkkkkkkkkkk
14/03/2016
Marluce Neves
Estou dando uma passa apenas, tentar responder as questões!
Fazendo um isso e acompanhando com video aulas Marcelo.
Clique aqui para fazer login e interagir na Comunidade :)