Algumas técnicas e soluções de problemas comumente usadas em meu próprio desenvolvimento front-end serão atualizadas com frequência. Espero que sejam úteis para amigos no caminho do front-end.
1. Como exibir a data à direita na lista de títulos do artigo (são fornecidos dois métodos e o uso depende da situação):
Método 1: A ideia do segundo andar desta versão (obrigado ~), consome menos recursos e possui mais duas linhas de código.
<p>@Mr.ThinkEste é o título do artigo<span>2010-10-10</span></p>
Definição CSS:
p {posição: relativo}
p span{posição:absoluta direita:0}
Método 2: O código é menor que o método 1, mas consome mais recursos.
<p><span>10/10/2010</span>@Mr.ThinkEste é o título do artigo</p>
Em seguida, defina o span à direita float:
p span{float:right}
Na verdade, este método pode ser estendido a muitas situações e é uma forma de escrever muito prática;
2. De acordo com os padrões da web, só pode haver uma tag h1 na mesma página. Muitas pessoas conhecem esse conceito, mas poucas o praticam;
3. O problema das margens dos espaços em branco se sobreporem: geralmente é evitado adicionando uma borda transparente ou um preenchimento de 1px. Interpretação detalhada: http://mrthink.net/css-margin-overlying-way/ ;
4. Max/min-width/height é implementado em ie6, _width: expression(this.width >600 ? "600px" : true);
5. html/class/id, é melhor escrevê-lo em letras minúsculas, o que é mais rigoroso (de acordo com o padrão xhtml);
6. Não é recomendado usar o seguinte código para ser compatível com o IE8:
<meta http-equiv="X-UA-Compatible" content="IE=7" />
Se for uma página que não seja de curto prazo, tente evitar usá-la. A página deve ser o mais compatível possível.