Jump to content

W3.CSS


TECHADDICT
 Share

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,

 

Dan

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
 Share

×
×
  • Create New...