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