- Évitez surcontraint
- Évitez les sélecteurs descendants
- Évitez les sélecteurs de chaîne
- Utiliser la syntaxe compacte
- Évitez namespace inutile
- Éviter les doubles emplois inutiles
- La meilleure utilisation de la représentation sémantique des noms. Un bon nom de classe doit être descriptif plutôt que ce qu'il est comme ce
- Évitez! important, vous pouvez choisir d'autres sélecteurs
- Autant que possible de rationaliser les règles, vous pouvez combiner différentes classes de règles en double
- Réparation erreur d'analyse
- Évitez plusieurs sélecteurs de classe
- Supprimer les règles CSS vides
-
L'utilisation appropriée des attributs d'affichage: en raison de l'affichage de certains styles seront des combinaisons non valides, le style invitant affecte également le volume des performances analytiques.
affichage: largeur ne doit pas être utilisé après ligne, la hauteur, la marge, le rembourrage et le flotteur.
affichage: ne doit plus utiliser le flotteur après inline-block.
affichage: ne devrait plus utiliser vertical-align le bloc.
affichage: table- ne doit pas être utilisé après la * marge ou flotteur.
- Ne pas abuser float: flottant bien inévitable, mais il est indéniable que de nombreux bug CSS est due au flotteur.
-
Ne pas abuser de polices web
Pour les sites Web chinois, les polices de caractères Web peut sembler étrange, très populaire à l'étranger. les polices Web sont généralement volumineux, et certains navigateurs lors du téléchargement des polices Web bloque le rendu des pages blessures de performance.
- Ne déclarez pas trop la taille de la police: Ceci est un problème au niveau de la conception, une page bien conçue ne pas avoir trop de déclaration de taille de la police.
- Identifiant de l'opérateur ID utilisé, en tenant compte du motif principal de couplage et une réutilisation de la page n'est pas sélectionnée.
- Ne pas donner trop h1 ~ éléments H6 définissent le style
- définition uniforme arrêt complet cap nouveau aux éléments, Pour les styles personnalisés supplémentaires, utilisez les autres sélecteurs à la place.
- Les éléments uniques définis h1 ~ h6
- L'appareil ne nécessite pas de valeur 0
- Normalisation des différents préfixes navigateur: préfixe est généralement placé en face du navigateur, la propriété de style standard placé à la fin, comme ceci:
.foo { -moz-border-radius : 5px ; border-radius : 5px ; }
- Utiliser des fonctionnalités avancées telles que les gradients CSS, spécifiez tous les préfixes navigateur
- Évitez les sélecteurs ressemblent à des expressions régulières
- CSS3 ajoute quelques similaires ~ = autres attributs complexes, prennent pas en charge tous les navigateurs, l'utiliser avec précaution.
- modèle Boîte de se conformer aux règles (Méfiez-vous des modèles de boîte cassée)
Apprendre de Denver Coderfei