Comment écrire un texte en langage CSS ?

**kevin_33** · 04/06/2012, 16h57

Bonjour,

Je suis en train de me créer un site internet, et j'aurai voulu savoir comment insérer un texte.

J'ai les infos ci-dessous relatives à la taille, la police etc:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
body {
    background: #ffffff;
    color: #000000;
    font-family:'Droid Sans Mono', monaco, monospace;
    font-size: 12px;
    line-height: 6;
}

Par exemple si je souhaite marquer "Bonjour", Comment dois-je m'y prendre pour voir apparaître le mot à l'écran ? Y a-t-il un ordre à respecter, des guillemets ou autres ?

Je précise que j'ai un mac avec la dernière version de Snow Leopard.

Merci de votre aide,

Bonne journée.

**saymoneu** · 04/06/2012, 17h44

Bonjour,

Ce que tu nous montre est du CSS. Il ne sert qu'a mettre en forme des éléments d'une page web, codée en html par exemple. Tu n'écris aucun contenu dans ton CSS mais dans ton html.

Va voir du côté des cours de développez.net ça sera bien plus clair que ce que je te raconte.
Cours HTML
Cours CSS

Y'a du boulot! Et sache que ta config d'ordi n'a absolument rien à voir la-dedans

Bon courage

**kevin_33** · 05/06/2012, 08h04

Merci beaucoup pour votre réponse !

Bonne journée !

**volubil** · 15/08/2014, 19h52

Une façon simple de prendre connaissance avec les CSS au moyen de l'exemple suivant :

Dans un site de plusieurs pages, la façon la plus rationnelle de séparer le style du contenu consiste à le créer dans une feuille de style externe

Dans cet exemple, je crée trois styles, un pour les titres, un pour les sous-titres l'autre pour le texte.

1- Contenu de la feuille de style :

Les lignes 2 à 4 placent le texte dans la page, le lignes 5 à 8 déterminent l'apparence du texte: la police, le style la taille et la couleur.

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.titre{
position: absolute;
left: 50px;
top 0px; 
font-size: 24pt;
font-family: Arial;
font weight: bolder;
color: blue;}
 
.soustitre{
position: absolute;
left: 70px;
top 60px; 
font-size: 18pt;
font-family: Verdana;}
 
.texte {
font-family: Tahoma;
font-size: 12pt;
text-align: justify;
    }

Puis, enregistrer la feuille de style en lui donnant un nom suivi de l'extension.css
par exemple : monstyle.css

2- Contenu de la page HTML :

Charger la feuille de style en plaçant entre les balises <head> et </head> le code ci-dessous :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel=stylesheet href="monstyle.css" type="text"text/css">

Cette opération sera renouvelée dans le head de chaque page HTML

Le contenu de la page HTML sera rédigé entre les balises <body> et </body> avec le marquage ci-après :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<p class="titre">Le Périgord</p>
<p class="soustitre">Le Périgord noir</p>
<p class="texte">Sarlat la Canéda, vieille ville pittoresque…</p>

ainsi référencé, le texte prendra les attributs définis dans la feuille de style.

Comment écrire un texte en langage CSS ?

Mac OS X

Vue hybride

Discussions similaires

Partager

Partager