Week 5- C.S.S ( Cont'd)

We did more styling techniques.


Links

You can control the presentation of links using keywords. These keywords style your links as directed. You can style your links by using a hover this style changes the color when the cursor "hovers" over the links, you can also style the visited link this styling allows you to know when you have visited a page and active used to style the links for the page or link that is currently active. You can change the colour of the links.This is used to differentiate links that is page that is active, page that was visited and pages you haven't viewed as yet.( it allows a user to know the pages they have visited and pages they are yet to visit).

You are also able to add text decoration this control the links, links are underlined.
Using the text-decoration property you can specify that your links should not be
underlined unless the user hovers over or selects one. Using background colour highlights the link, this is mostly used for hover that is the colour around the text changes colour.

Backgrounds

When using backgrounds six (6) properties are used to instruct the background how to appear: They are:

- background-image : This sets an image to be the background of a page.
- background-color : Specifies a color that should be used for the
background of the page

- background-position: This is used to position the image on the page ( top ,bottom, left,right etc)
- background-repeat:Indicates whether the background image should be
repeated across the page or box ( that is the y-axis or x-axis or if you prefer the image not repeat( no repeat).
- background-attachment: Indicates a background image should be fixed in
one position on the page, and whether it should stay in that position when the user scrolls down the
page or not

Positioning

The position property includes static this is the same as normal flow,relative the position of the box can be offset from where it would be in normal flow ( usually used along with padding, top, right, bottom etc) in order to position the div,object, video etc,absolute the box is positioned exactly from the position in the containing element using x and y coordinates from the top-left corner of the containing element.When positioning it depends on where you want your div,object, image etc to fall that determines which property you would use to style.