Médiaforma

Guide de survie – Les bases du HTML5/CSS3

Print Friendly, PDF & Email

Styles CSS dans les balises

<balise style="propriété1:valeur1; …propriétéN:valeurN";>
<p style="background-color:yellow;>
Ce texte a un arrière-plan jaune
</p>
<h2 style="font-family:Verdana; font-size: 18px;">
Ce titre est en Verdana corps 18
</h2>

Feuille de styles interne

<!DOCTYPE html>
<html>
  <head>
    <meta charset=UTF-8" />
    <title>Une feuille de styles interne</title>
    <style>
      p {background-color:yellow;}
      h2 {font-family:Verdana; font-size: 18px;>
    </style>
  </head>
  <body>
    …
  </body>
</html>

Feuille de styles externe

<link rel="stylesheet" href="moncss.css" />
<!DOCTYPE html>
<html>
  <head>
    <meta charset=UTF-8" />
    <title>Une feuille de styles externe</title>
    <link rel="stylesheet" href="moncss.css" />
  </head>
  <body>
    <!-- Les instructions HTML5 peuvent utiliser les styles -->
    <!-- définis dans la feuille de styles moncss.css -->
  </body>
</html>

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments
Mollicone Dominique

Bonjour,

Merci de nous permettre de travailler le code à partir de votre site, en complément au livre que je viens d’acheter. « Le guide de survie », un excellent document.
C’est une possibilité très intéressante.

Bien à vous…

Merci Dominique.
Je vous souhaite beaucoup de plaisir avec HTML5/CSS3. C’est assurément un domaine dans lequel il faut investir un peu de temps. Les implications dans les années à venir seront énormes !