Le langage CSS

Débuter avec le CSS



Le CSS permet de gérer tout le design de votre site web. Le CSS agit sur des éléments HTML.

On peut intégrer le CSS de deux façons. Directement sur les éléments de votre HTML ou mettre le CSS dans un fichier au format .css que l'on inclura aux page .html à l'intérieur de la balise <head></head>.



Pour vous montrez au mieux voici 2 exemples montrant comment exploiter et utiliser le CSS



Exemple 1 : Utilisation du CSS dans du HTML (utilisation de l'attribut style)

<html>
   <head>
      ...
   </head>
   <body>
      <div style="background:#34495e; 
          color:white;
          border: 2px solid #bdc3c7;
          text-align:center;
          padding:5px;
          font-weight:bold">Mon exemple</div>
   </body>
</html>



Exemple 2 : Utilisation du CSS depuis un fichier .css qui est inclut dans une page .html

Fichier : style.css

.maclasse1{
        color: white;
}
#maclasse2{
   color: red;
}
p{
   color: purple;
}


Fichier : index.html

<html>
   <head>
      <link href="style.css" rel="stylesheet"  type="text/css">
   </head>
   <body>
      <div class="maclass1">Mon texte sera blanc</div>
      <div id="maclasse2">Mon texte sera rouge</div>
      <p>Mon texte sera violet</div>
   </body>
</html>



Conlusion

Maintenant vous savez comment modifier le style dans votre page web, je vous invite à enrichir vos connaissances en allant dans la catégorie dédié au CSS.

Par Clouder le 24 May 2018
Cette pub permet au site de vivre ...

Commentaire

Tu veux participer ?
Alors connecte toi ou inscris toi et viens participer !