Maison  >  Article  >  interface Web  >  Collection des propriétés CSS les plus classiques et couramment utilisées_Experience Exchange

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

WBOY
WBOYoriginal
2016-05-16 12:04:541833parcourir

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;

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn