Résumé des compétences d'utilisation de CSS

Utilisez line-height pour le centrage vertical

line-height:24px;
Lorsque vous utilisez un conteneur à largeur fixe et que vous avez besoin qu'une ligne soit centrée verticalement, utilisez line-height (la hauteur est la identique au conteneur de couche parent), un résumé plus détaillé du centrage vertical peut être vu ici.

Flotteurs de conteneur transparents

#main { 
overflow:hidden; 
}

Ce problème a également été mentionné auparavant. Pour plus d'informations, vous pouvez voir ici.

Ne pas autoriser le retour à la ligne des liens

a { 
white-space:nowrap; 
}

Les paramètres ci-dessus peuvent empêcher le retour à la ligne des liens, mais je recommande personnellement que les liens longs aient des lignes correspondantes (liées pour un discussion sur les sauts de ligne, voir l'enregistrement du centre du cercle).

Laissez toujours Firefox afficher les barres de défilement

html { 
overflow:-moz-scrollbars-vertical; 
}

Pour plus de propriétés CSS privées Mozilla/Firefox, veuillez vous référer ici. Pour la prise en charge de plusieurs navigateurs, vous pouvez également utiliser

body, html { 
min-height:101%; 
}

pour centrer l'élément de bloc horizontalement

margin:0 auto
est en fait
;
margin-left: auto;
margin-right: auto
En gros, tous les manuels CSS expliqueront cette technique. N'oubliez pas d'y ajouter une largeur. Vous pouvez également utiliser

body{ 
text-align: center; 
}

sous l'Explorateur, puis définir le conteneur interne

text-align:
à restaurer.

Masquer la barre de défilement de la zone de texte Exploer

textarea { 
overflow:auto; 
}

La zone de texte Exploer aura une barre de défilement verticale par défaut (ne me demandez pas pourquoi).

Définir la pagination d'impression

h2 { 
page-break-before:always; 
}

L'attribut page-break-before peut définir la pagination lors de l'impression de pages Web.

Supprimez le cadre en pointillés sur le lien

a:active, a:focus { 
outline:none; 
}

Firefox ajoutera un cadre en pointillés par défaut lorsque le lien obtient le focus (ou lorsque vous cliquez dessus), vous pouvez utiliser les attributs ci-dessus sont supprimés.

La réinitialisation CSS la plus simple

* { 
margin: 0; padding: 0 
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!