Jump to content



Recommended Posts

  • 3 weeks later...
  • 3 months later...

Hi all,


i am using W.3 CSS to create a responsive website http://www.w3schools.com/w3css/default.asp


Because W.3 links to a CSS sheet that W3 created, and the links are all embeeded into the html page, how can i make changes to all my pages without going into each html page and changing it.


For example if, down the line, i wanted to change the colour of my nav bar i cant think of any way of doing that without opening each html page and editing it.


Currently i am using


<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">


My site may be 100+ pages


I understand that you can download w.3 css , but when i clicked on it iut just looks like this and i dont see how i could make a style sheet out of it that i could make a change to that would apply to all pages



Cheers for any help,



Link to comment
Share on other sites

You need two links: One with the W3.CSS stylesheet and one to your own custom styles. Your stylesheet should be placed after the W3.CSS one so that it can override default W3.CSS values.

<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<link rel="stylesheet" href="custom.css">

Create a file called "custom.css" and put all your own CSS code in it.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...