Website Design Principles 2025

Read More

What is a Cascading Style Sheet?

3rd August, 2010

CSS (Cascading Style Sheet) basically tells a web browser how it should format a page that is being loaded… CSS can be placed inside the web page itself, however ideally it needs to be placed in a separate document which is linked to the web page! So in the head section of your webpage you would insert:

<link href=”style/style.css” rel=”stylesheet” type=”text/css” />

The page in question would then link to a file called style.css which would tell the page how to look… So what if I wanted a black background and some tidy text?? Well I would write:

body  {
margin: auto; 
padding: 0;
background-color: #000;
}
#container {
position: relative;
width: 700px;
background: #FFFFFF;
margin: 0 auto;
text-align: left;
padding: 10px;
}

You would then need to add the following into the body section:

<body>
<div id=”container”>test</div>
</body>

Recent Posts