Aidenet.com Aide informatique et nouvelles technologies
 |
|
|
||||||||||||||||||||||||||||
|
Aidenet.com Aide informatique et nouvelles technologies
|
|||||||||||||||||||||||||||||||
Forum d'entraide sur l'informatique et les nouvelles technologies
Vous n'êtes pas identifié.
salut a ts, j'ai bien apprecier le cours CSS mais je suis vraiment debutant donc si quelqu'un pouvait m'envoyé des exemples deja realisé avec les feuilles de styles. email: akessejv@yahoo.fr
merci
Hors ligne
en fait je voudrais des exemples ou quelqu'un a utilisé des feuilles de style dans sa page et comment il a procédé.
merci
Hors ligne
Pratiquement tous les sites internet utilisent une feuille de style. C'est ce qui donne l'aspect d'un site.
Si tu veux voir l'interêt des feuilles de style va sur ce site : http://www.csszengarden.com/ et clique sur les liens à gauche.
Tu verras qu'avec un simple clic on peut changer le design d'un site tout en gardant le contenu.
C'est la magie des CSS.
Hors ligne
Si tu veux un exemple met le petit bout de code que j'ai mis en-dessous dans un fichier .txt et enregistre le avec comme nom (par exemple) : test.html
Regarde le résultat et ensuite enleve ce qu'il y a entre les balises "style", enregistre et regarde de nouveau le résultat.
<html>
<head>
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<style type="text/css">
div
{
background-color: #6B7B9C;
border: solid 1px;
width: 200px;
}
</style>
</head>
<body>
<div align="center">Contenu de ma div</div>
</body>
</html>Le code compris entre les balises "style" peut-être mis dans un fichier extérieur portant l'extention ".css" et qui est appellé au chargement de ta page. Et c'est ce fichier que l'on appelle la feuille de style.
Hors ligne
Pour faire une feuille de css séparée:
1.html
code:
<html>
<head>
<title>Titre du site</title>
<link rel="stylesheet" title="Titre de la feuille css" type="text/css" href="Nom_du_fichier.css"/>
</head>
<body>
<h1>Titre</h1>
<div id="Titre_de_la_division">
<p class="Titre_du_paragraphe>Paragraphe où on met ce qu'on veut</p>
</div>
</body>
</html>
2.css
code:
body
{
background-color:green;
background-image:url("Machin.png");
}
h1
{
background-color:rgb(12,34,45);
color:#FFFFFF;
font-family:"comic sans ms", sans-serif;
font-weight:bold;
}
.Titre_de_la_division
{
width:200px;
height:35cm;
margin-left:2px;
}
.Titre_du_paragraphe
{
font-size:1.2em;
color:aqua;
}
En espérant t'aider.
Hors ligne
|
|
|
|