Activity 3

CSS

(Cascading Style Sheets)

What is it?

CSS stands for Cascading Style sheets

CSS represents how HTML is being displayed on your screen as is design to provide a better experience for designers like you and it makes the page look better by letting you play with color, font etc. 

Here is an example of CSS one with it one one without it.

As you can see CSS adds a style to your website and i opens so many possibilities for web designers to be creative. CSS needs to be written on a different file and has a different end extension from HTML.

HTML requires a ".index" at the end where CSS requires a ".css"

For the purpose of this activity and project we will write the CSS on the same file.

 How CSS is Written:

CSS is actually simple and easier to write and must be written correctly to work on the page.

Here is an example on how to change the background color to blue using CSS

 

.body {

    background-color: blue ;

}

The dot. is needed for every CSS style function

Notice we are using "background-color: " as the command in order to change the color on the page.

Blue is the value

Each style ends with a semicolon

Brackets { } are used that contain the instructions of the action

For this activity, open your previous HTML activity and add CSS must have a color background with font change.

Post a screen shot of code and result as a comment on Blogger.

Example: