La mise en page des pages Web CSS est difficile à dire, mais elle est en réalité très simple. On dit que c'est facile, mais il existe souvent de nombreux problèmes qui troublent les novices. De nombreuses techniques sont présentées sur http://www.knowsky.com/article.asp?typeid=38 . Ces conseils et connaissances peuvent aider tout le monde à obtenir deux fois. le résultat avec la moitié de l'effort. Cependant, le plus souvent, nous sommes troublés par quelques petits problèmes et nous n’arrivons pas à nous détendre. Aujourd’hui, j’aimerais vous présenter huit techniques qui semblent très utiles.
1. Si vous avez des doutes, vérifiez immédiatement. Si vous pouvez effectuer une simple vérification du code d'origine lorsqu'une erreur se produit, vous pouvez éviter bien des maux de tête. Le W3C dispose d'outils de détection disponibles pour XHTML et CSS, veuillez consulter http://validator.w3.org . Veuillez noter que les erreurs au début du fichier peuvent provoquer davantage d'erreurs en raison d'une structure incorrecte et d'autres facteurs ; nous vous recommandons de corriger d'abord certaines des erreurs les plus évidentes, puis de revérifier, ce qui peut réduire le nombre d'erreurs.
2. Lorsque vous utilisez la fonction flottante, n'oubliez pas d'effacer la commande de manière appropriée. Le flottement est une fonction dangereuse et peut ne pas produire les résultats escomptés. Si vous rencontrez des éléments flottants qui dépassent la limite du conteneur environnant ou d'autres situations inhabituelles, assurez-vous de le faire correctement.
3. Utilisez un remplissage ou une bordure lorsque les bordures se chevauchent pour vous éviter de vous soucier d'un peu d'espace qui ne devrait pas être là, ou lorsque vous avez besoin d'un peu d'espace, vous ne pouvez pas l'extraire quoi qu'il arrive. Si vous utilisez une marge, il est facile de chevaucher les limites.
4. Essayez d'éviter de spécifier simultanément le remplissage/la bordure et la hauteur ou la largeur des éléments. La version Windows d'IE provoque souvent des problèmes de calcul de largeur et de hauteur. Il existe plusieurs façons de résoudre ce problème, mais si l'élément parent doit spécifier la hauteur et la largeur, il est préférable d'appliquer une marge aux éléments enfants au sein de l'élément parent, ou lorsque l'élément enfant doit spécifier la hauteur et la largeur, appliquez un remplissage à l’élément parent pour obtenir cet effet.
5. Ne comptez pas sur la largeur minimale/la hauteur minimale
La version Windows d'IE ne prend pas en charge les deux syntaxes. Mais dans une certaine mesure, la version Windows d'IE peut obtenir un effet équivalent à min-width/min-height, donc tant que vous ajoutez des fonctions de filtrage à IE, vous pouvez obtenir les résultats souhaités.
6. En cas de doute, réduisez d'abord le pourcentage. Parfois, certaines erreurs feront que 50 % + 50 % deviendront 100,1 %, provoquant des problèmes sur la page Web. Essayez actuellement de modifier ces valeurs à 49 % ou même 49,9 %.
7. N'oubliez pas que la syntaxe d'abréviation de « TRBL » pour la bordure, la marge et le remplissage a un ordre spécifique, en commençant par le haut et en tournant dans le sens des aiguilles d'une montre : haut, droite, bas, gauche. Le résultat de la marge est donc : 0 1px 3px 5px ; pas de bordure en haut, 1 pixel à droite, et ainsi de suite. N'oubliez pas "TRBL" et vous ne vous tromperez pas sur la séquence.
8. Tant que la valeur n'est pas nulle, l'unité doit être spécifiée. Cela nécessite une attention particulière. De nombreux amis novices ignorent souvent ce problème.