Website design & development

External Style Sheet & css

Cascading Style Sheet is what we use to tell the website we built how to react. We type our coding in here to select the colour of the text, how we want tables to react etc. without having to put style tags on every line. This helps that search engines like Google and other crawler based search engines are able to get to the content of your site easier and quicker.
By putting this on an external style sheet, it means that you only need to do it once, instead of having to redo it on every page of your website. When you want to make changes, you also need to do to it only once.

In your website folder, you will notice that the text document you used is still empty. Open that again and save it as "style.css"
Copy the following code and paste it into that document. Read through it to see what you are doing.

Save this in your file again. Right click on your website called "mysite.html". Go to open with and select notepad again. Inside your head tag type the following:
<link rel="stylesheet" type="text/css" href="style.css" /> It should now look like this: <html> <head> <title>My Site </title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body>My first site </body> </html>
This has now linked your webpage with your External style sheet. Now, move on to the next step and we will make your webpage look nice.