8 astuces Css

Les meilleures solutions sont souvent les plus simples. Voici une liste de 8 astuces contenant seulement une propriété CSS.

En espérant que cela puisse vous aider.

1. Alignement vertical avec la propriété line-height

#bloc { line-height:24px;}

Quand vous avez un container avec une hauteur fixe, vous pouvez utiliser un line-height pour aligner verticalement le contenu.

2. Prévient le débordement entre les blocs

#bloc { overflow:hidden; }

Quand un container est trop grand par rapport aux autres blocs il peut ‘déborder » et ainsi casser votre structure de page. Pour éviter cela, utiliser l’overflow : hidden permet de cacher ce débordement.

3. Previens la coupure des liens sur 2 lignes

a{ white-space:nowrap; }

Avec de longs textes on peu se retrouver avec des liens couper sur 2 lignes, cette astuce évite cela.

4. Laisse afficher la scrollbar firefox

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

Firefox cache par défault sa scrollbar verticale. Ce code laisse toujours affiché la scrollbar.

5. Centrer horizontalement les blocs

margin:0 auto;

Cette ligne CSS permet de centrer un élément simplement.

6. Supprime la scrollbar d’un textarea dans IE

textarea{ overflow:auto; }

Avec IE les scrollbar des textareas sont visibles par défault. Cette astuce CSS permet de les supprimer.

7. Forcer le saut de page quand vous imprimer vos documents

h2{ page-break-before:always; }

Avec cette ligne vous pouvez définir où vous voulez placer vos sauts de page.

8. Supprime les bords pointillés sur les liens actifs

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

Aucun commentaire

Répondre

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

trois × 1 =

CONTACT

We're not around right now. But you can send us an email and we'll get back to you, asap.

Envoi en cours...

©[current-year] WebCSSDesign

Se connecter

Oubli de mot de passe ?