CSS non pris en compte dans Google Chrome

**rocky69** · 30/04/2021, 01h52

bonjour

Je suis tout nouveau dans le code et je rencontre mon premier probleme:

Css ne s'affiche pas dans google Chrome. J'ai mon premier fichier index.html et mon autre fichier styles.css:

index.html:

Code html :

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

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
     <head>
            < link rel= "stylesheet" href="styles.css">
    </head>   
    <body>
        <p>c'est la vie</p>        
    </body>                  
</html>

styles.css:

Code :

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

1
2
3
p {
    color:yellow; font-size: 80 px ; font-family: fantasy 
}

Quelqu'un peu t'il m'aider, a priori ça doit etre un truc basique et pourtant je suis deja bloquer lol

Merci

**NoSmoking** · 30/04/2021, 10h11

Bonjour et bienvenue sur DVP.

Dans cette ligne :

Code html :

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

< link rel= "stylesheet" href="styles.css">

supprime l'espace qui est entre le < et le link, et si le fichier .css est au bon endroit tu ne devrais plus avoir de souci.

**rocky69** · 30/04/2021, 19h33

Bonsoir

Merci bien, effectivement en supprimant l'espace ça marche mais seulement la couleur, le reste du code ne s'affiche pas..
J'ai changer un peu le code mais il semblerait donc que ça ne marche qu'en partie..
Je ne comprend pas. Y a t'il d'autres erreurs?
Voici a nouveau mes fichiers:

Code HTML :

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
<!DOCTYPE html>
<html>
 
     <head>
 
            <link rel= "stylesheet"type="text/css" href="css/fichier.css">
 
 
    </head>   
 
    <body>
 
         <p>c'est la vie</p>        
 
    </body>                  
 
</html>

Code CSS :

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

1
2
3
p {
color:red;font-size:100 px ;font-family: inherit; 
}

Voila merci d'avance

**ProgElecT** · 30/04/2021, 20h42

Salut

Dans ton code CSS, font-size:100 px, enlève l'espace entre le chiffre et l'unité de mesure.

CSS non pris en compte dans Google Chrome

CSS

Vue hybride

Discussions similaires

Partager

Partager