Certaines techniques et solutions aux problèmes couramment utilisées dans mon propre développement front-end seront mises à jour fréquemment. J'espère que cela sera utile à mes amis sur la route front-end.
1. Comment afficher la date à droite dans la liste des titres d'articles (deux méthodes sont proposées, et l'utilisation dépend de la situation) :
Méthode 1 : L'idée au deuxième étage de cette version (merci~), consomme moins de ressources et comporte deux lignes de code supplémentaires.
<p>@Mr.ThinkVoici le titre de l'article<span>2010-10-10</span></p>
Définition CSS :
p{position : relative}
p span{position:absolu;droite:0}
Méthode 2 : Le code est inférieur à la méthode 1, mais il consomme plus de ressources.
<p><span>2010-10-10</span>@Mr.ThinkVoici le titre de l'article</p>
Définissez ensuite span right float :
p span{float:droite}
En fait, cette méthode peut être étendue à de nombreuses situations et constitue une manière d’écrire très pratique ;
2. Selon les standards du Web, il ne peut y avoir qu’une seule balise h1 dans une même page. Beaucoup de gens connaissent ce concept, mais peu le font ;
3. Le problème des marges d'espaces blancs qui se chevauchent : il est généralement évité en ajoutant une bordure transparente ou un remplissage de 1 px. Interprétation détaillée : http://mrthink.net/css-margin-overlying-way/ ;
4. Max/min-width/height est implémenté sous ie6, _width: expression(this.width >600 ? "600px" : true , la hauteur est la même);
5. html/class/id, il est préférable de l'écrire en minuscule, ce qui est plus rigoureux (conforme au standard xhtml) ;
6. Il n'est pas recommandé d'utiliser le code suivant pour être compatible avec IE8 :
<méta http-equiv="X-UA-Compatible" content="IE=7" />
S'il s'agit d'une page à long terme, essayez d'éviter de l'utiliser. La page doit être aussi rétrocompatible que possible.