mardi 3 octobre 2017

Google Chrome Developer tools -CSS file is shown empty

Thankyou for your precious time; i'm a beginner in web development and as i was trying my hands on html and css i found that the css styling isn't getting applied to the html and that the chrome developer tools shows it to be empty (the file is present but the code that i've written in css file seems to be absent) please help! click here for screenshot image

index.html file 
!DOCTYPE html>
<html>
<head>
  <title>MY WEB PAGE </title>
  <link type="text/css" href="style.css"  rel="stylesheet" >
</head>
  <body>
  <h1>THIS IS MY WEB PAGE </h1>
    <p>
    css applied to this part of the code isnt being shown in the developers
    tools
    </p>
  </body>
</html> 

 style.css file 
body{
background-color:black;;
}
h1{
color:white;
font-style: italic;
font-family: sans-serif;
}
p{
font-family: serif;
color:yellow;
font-style: oblique;
}




Aucun commentaire:

Enregistrer un commentaire