eis algumas coisas que gostava que me tivessem dito qd comecei:
- evita a propriedade inline sempre que possível, os browsers não aceitam mto bem (ainda) e dá as voltas q for preciso para isso.
Tas engando, o display inline é bem aceite. Só que existem limitações para os atrubutos com esta caracteristica.
um link <a>, <strong>, <span>, <em> todos estes elementos são inline, são texto e são apresentados como texto seguindo o elemento anterior, seguindo o fluxo de renderização do HTML que geralmente é da esquerda pra a direita e de cima para baixo.
Agora em elementos inline, o width não funciona o height não funciona, os paddign e margin só funcionam para os lados (left, right)
- atribui id´s sempre q possível:
Mantem o código limpo e usa somente ID e CLASS se for mesmo preciso.
Se usares um titulo que se repete 5 vezes nas mesma página e 100 em todo o site convem usar CLASS e tens a vantagem de ao mudar esta class mudas em todo o site os elementos que pertecem a essa CLASS. Caso uma delas tenha uma particularidade então secalhar usas a mesma CLASS mas também lhe dás um ID, mas sabes que todas caracteirsticas que definires na CLASS vão ter efeito nesse tuitulo e com o ID podes definir mais caracteirsticas ou mesmo anular algumas definidas pela CLASS.
Penso que é uma questao de logica, e quantas mais CLASS usares provavelmente mais fácil sera gerir a apresentação do layout.
Imagina que atribuis a cada titulo anterior um ID cada página tinha 5 diferentes terias que os definir e mesmo que fossem só esses para o site todo já muito mais.
A parte do display:block é incontornável para o efeito hover.
Queres dizer que o hover só funciona com o display : block !!?
Tas enganado o hover funciona com inline e block e provavelmentes em outros "display" não suportado pela grande maioria dos browsers.
O ie é que só suporta essa a pseudo class "hover" para os links <a> seja estes inline (que são por default) ou blocks.
Mas FF, Opera e outros browsers suportam o hover nos <li>,<p>,<ol> em quase todos os outros elementos