Astuces utiles CSS

Dans cette partie, je vais vous donner quelques astuces sur le groupement de sélecteurs, l'arrêt des flottements, le centrage horizontal, l'importation de feuilles de styles
grouper les sélecteurs pour éviter de spécifier les mêmes propriétés plusieurs fois.

* {
margin:0; padding:0;
}

table {
border-collapse:collapse; border-spacing:0;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%; font-weight:normal; font-family:"Lucida Grande",Lucida,Arial,Helvetica,sans-serif;#color:#333; #margin:1em 0;
}

q:before, q:after {
content:”;
}

abbr,acronym {
border:0;
}

img { border: none; }

a, a:hover, a:visited, a:active {
color:#c0c7d6;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

li {
list-style:none;
}

Vous pouvez alors spécifier séparément les propriétés qui ne sont pas les mêmes pour l'un ou l'autre de ces éléments. Par exemple la taille de police :

h1 { font-size:2em; }
h2 { font-size:1.6em; }

La manière commune de cacher des fichiers CSS aux anciens navigateurs consiste à utiliser l'astuce du @import. Cela va empêcher Internet Explorer 4 d'importer le fichier.

@import "main.css";