La feuille de style
La feuille de style définit une liste d'attributs applicable à des objets HTML.
Pour simplifier disons qu'il y a deux manières de définir un style avec le # et avec un point (.)
Par exemple avec le # :
#leftbar {
float: left;
width: 24%;
background-color: #dddddd;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #;
overflow: hidden;
}
Dans le code ce style sera utilisé avec id=
<div id="leftbar">
Et avec le point (.)
.blogbody {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #404040;
font-size: small;
font-weight: normal;
font-style: normal;
text-transform: none;
padding: 10px;
text-align: left;
line-height: 150%;
}
Qui sera utiisé dans le code avec class=
<div class="blogbody">
En fait il y a une troisième possibilité pour définir les balises HTML sans qu'il soit necessaire de préciser le stye à chaque fois.
Par exemple <H1>,<H2>,<H3> définissent les niveaux de titre 1,2 et 3. Pour définir leur style générale il suffit d'indiquer leur nom (sans point ni #)
h1 {
margin: 0px;
padding: 0px;
}
h2 {
margin: 0px;
padding: 0px;
}
h3 {
margin: 0px;
padding: 0px;
}