Collection des propriétés CSS les plus classiques et couramment utilisées

Collection des propriétés CSS les plus classiques et couramment utilisées_Experience Exchange

WBOY

Libérer： 2016-05-16 12:04:54

original

1868 Les gens l'ont consulté

Aligner le texte aux deux extrémités :

Copier le code Le code est le suivant :

text-align :justify; 
text-justify:inter-ideograph; 

Effacer le flotteur :

Copier le code Le code est le suivant :

.clear{clear:both;line-height:0;height:0;font-size:0;}

effacer la pseudo-classe flottante :

Copier le code Le code est le suivant :

 
.clearfix:after{content: " .";display: block;height: 0;clear: Both;visibility: Hidden;} 

Défini pour empêcher les mots d'être brisés

Copier le code Le code est le suivant :

coupe-mot : garder-tout

Les caractères s'ajustent automatiquement

Copier le code Le code est le suivant :

word-break:keep-all;word-break:break- all;word-wrap:break-word

Utilisez la hauteur de ligne pour centrer verticalement

Copier le code Le code est le suivant :

line-height:24px;/*Lors de l'utilisation un conteneur de largeur fixe et vous avez besoin qu'une ligne soit centrée verticalement, utilisez la hauteur de ligne (la hauteur est la même que celle du conteneur parent Cohérent), un résumé plus détaillé du centrage vertical peut être vu ici. 
*/ 

Effacer les flotteurs du conteneur

Copier le code code Comme suit :

#main {overflow:hidden;}

Ne pas autoriser le retour à la ligne des liens

Copier le code Le code est le suivant :

un {white-space:nowrap;}

Toujours laisser Firefox afficher les barres de défilement

Copier le code Le code est le suivant :

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

Centrer l'élément de bloc horizontalement

Copier le code Le code est le suivant :

body, html {min-height:101%;} ou margin:0 auto

Masquer la barre de défilement de la zone de texte de l'Explorateur

Copier le code Le code est le suivant :

textarea {overflow:auto;}

Définir l'impression de la pagination

Copier le code Le code est le suivant :

h2 {page-break-before:always;}/*Définir la pagination lors de l'impression de pages Web*/ 

Supprimez la case en pointillés sur le lien

Copier le code Le code est le suivant :

a, Area { blr:expression(this.onFocus=this.blur()) } 
:focus { -moz-outline-style: none; } 

La réinitialisation CSS la plus simple

Copier le code Le code est le suivant :

* {marge : 0}/*Utiliser cet attribut avec prudence. Bien qu'il puisse éliminer l'attribut par défaut, il a un impact sur le rendu du navigateur et il n'est pas sémantiquement exprimé. Pas bon non plus. />Le code est le suivant :

img{vertical-align:top;}

Attribut transparent

Copier le code Le code est le suivant :

filter:alpha(opacity=50); -moz-opacity : 0.5; 
cursor:hand; 
 

Changez la souris en forme de main

Copiez le code Le code est le suivant :

curseur:main;