How to separate html code from css code

Question

I have a file containing both html and css code.How it is possible to separate the html code in some files and css in some other files??

You're right, that a good practice to split : * HTML is what I want to show * CSS is how I want to show it * Javascript is how I interact with it — Pierre-Olivier Vares
– Pierre-Olivier Vares, Commented May 4, 2016 at 10:26

Albzi · Accepted Answer · 2016-05-04 10:24:26Z

5

Yes. You can save the css in a .css file. Then in your HTML head tags, you can do <link rel='stylesheet' href='yourcssfile.css'>

<html>
  <head>
    <link rel='stylesheet' type='text/css' href='yourcssfile.css'>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>

In yourcssfile.css

p {
  color:red;
}

This will make the paragraph text red and your CSS is within a different file.

answered May 4, 2016 at 10:24

Albzi

15.6k6 gold badges49 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Danny Cullen · Accepted Answer · 2016-05-04 10:22:55Z

1

Simply put the CSS code into a file.css and include it in your HTML file.

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

answered May 4, 2016 at 10:22

Danny Cullen

1,8425 gold badges32 silver badges48 bronze badges