Lesson 4: Cascading Style Sheet

Hi,

This was my fourth IS lesson at Computer Lab 1 again. The whole lesson was on CSS, Cascading Style Sheet. The objectives of the lesson were to understand what CSS is and how it can affect the appearance of a web page, to build upon our web knowledge and appreciate how a CSS page is presented on the Internet and the codes that are involved to display the various page elements.

For me, I had to spend a lot of time at home to really get the hang of it. After a long E-Learning experience, these are the learning points:

1.) When doing CSS, remember to have additions of DOCTYPE and CSS external style link sheet.

Example:




Basically, the first one is the website where you get your elements from while the second one is to refer to which CSS document.

2.) Spelling mistakes must never happen.

Example: “Color” to “Colour”

This is because CSS is American.

3.) To link your HTML file to your CSS file, remember to put them in the same folder. To add on, the same CSS file can also be linked to more HTML files.

4.) Besides that, there are learning points on a real CSS document when you do it yourself.

I did not learn much as the format had been put up already.

This is my final product:

html{
background-color: #8B4513;
background-image: url(http://www.webpagebackground.com/wood/hardwoodfloor.jpg);
background-repeat: repeat;
}
body{
width: 850px;
font-family: Comic Sans MS;
margin-left: 100px;
border: dashed #000000;
position: absolute;
left: 100%
background-color: #fffafa;
margin-top: 0px;
padding-top: 40px;
padding-right: 100px;
padding-bottom: 20px;
padding-left: 100px;
}

h1{
background-color: #FF0000;
}

Cheers,
Kervin