CSS non pris en compte dans Google Chrome

Version imprimable

30/04/2021, 01h52
rocky69

CSS non pris en compte dans Google Chrome
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:

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:

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
30/04/2021, 10h11
NoSmoking

Bonjour et bienvenue sur DVP.

Dans cette ligne :

Code:

< 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.

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:

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:

1 2 3 p { color:red;font-size:100 px ;font-family: inherit; }
Voila merci d'avance

30/04/2021, 20h42
ProgElecT

Salut

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