Week 3: Positioning

This week we were to discuss the difference between relative and absolute positioning detailing how it works and explaining what a z-index is used for. 

In CSS when we are determining where to place an object on a page, we have to decide how we want the object to behave. 

• Relative positioning will allow an element to be moved with respect to its original position. 

• Absolute positioning forces an element to set its position on a page regardless of other elements positioning with regard only to its parent element. 

Both relative and absolute use the top, bottom, left, and right positioning properties to set their position. The largest difference is where the initial position is being set to.

With absolute positioning we can use the z-index to determine whether the element we are setting is set to be on top of other elements or set behind other elements. 

The links below are very useful in explaining and showing how the positioning works:

https://youtu.be/kejG8G0dr5U
https://youtu.be/Rf6zAP4YnZA

This link allows you to practice with examples of positioning statements:

https://www.w3schools.com/cssref/pr_class_position.asp

Week 2

This week we are discussing Cascading Style Sheets (CSS).

What is CSS? CSS is a language that was developed to help website developers meet the requirements of a website's design. CSS defines a webpage's colors layout and can even be used to change the font characteristics of an element on the page. Adding this capability has allowed web developers to create "modular" style sheets.

For those who don't know, making something modular in this sense is how programmers develop code when writing in a language. Instead of having to rewrite entire programs programmer will develop code that can be used in many different applications by having the code easily accessible to other parts of their program(s). CSS is similar because it basically allows design elements to be created and used as templates for the developer.

(Modular Web Design?! - http://www.creativebloq.com/css3/create-modular-and-scalable-css-9134351)