The first entry

This is the first bit of text that I'm adding to my website

Textbox
Box 2

This text is orange because of how The Cascade works. CSS takes the instructions that are closer to the bottom and ignores any contradicting instructions above.

This text is green because of how the !important function works. It prioritizes the instruction that is given the !important tag, even if it does not follow the order of the Cascade

This text is red because ID selectors take priority over class selectors, regardless of the cascade. The instructions given under the ID selector will take effect over the instructions given by the class selector.

Hover your mouse over me
1
2
3
1
2
3

Essentially, effective CSS layout is, in this case, recommending that CSS and HTML code be kept in separate documents to keep the code clean and simple. The CSS can be implemented using a 'link' tag. This is recommended because having one 'link' tag is much shorter and neater than have a 'style' tag along with all the CSS code. However, as I am working on this between computers, it would be much more confusing and difficult for me to keep CSS in separate documents. It's easier for me to have access to all of my code in one place wherever I am.

myName = '' if (myName === 'Jesse') { console.log("My name is Jesse") } else if(myName === 'jack'){ console.log("My name is jack") } else{ console.log("my name isn't jack or jesse") }