How to use stylesheets



Get Web Design Tips and Tricks on mps-web-design.com. How to use stylesheets topic will increase your understanding on Web Design Tips and Tricks. We at mps-web-design.com only provide news, articles, information in Web Design Tips and Tricks. Web Design Tips and Tricks at mps-web-design.com provides the most up to date news and articles. If you have questions please do not hesitate to contact us.


Web sites can contain hundreds of pages, even thousands. You have spent your time making a look and brand for your web site, using different font sizes, colours, margins etc all within each web page.



Later on you decide that you want to change the background colour of the website, and then realise that you will have to edit every single web page and change the background color in the body tag.......



This is where stylesheets come into play, by simply putting all the web page formatting into a single file and then called upon by each web page, you are able to make changes to your web sites layout in just a few seconds!



To do this, include the following piece of code inside your tags.







This tells the browser that to display the page with the proper formatting to use the file called stylesheet.css. So any changes you want to make to the page, you simply edit the stylesheet.css file, save and then voila! All your pages using that stylesheet have now changed.



A typical stylesheet might look like this :