Week11A

Today in class we went through another tutorial about CSS to extend our CSS knowledge and know-how. Using a previously created html web page we were to follow along a tutorial and edit the CSS code as well as the HTML code as the tutorial requests. I learned a lot of new things including how to use Class and ID selectors and what the difference between the two are, grouping and nesting, which is extremely helpful, especially once it comes to writing really large CSS documents, it will help with the organization and readability of your documents. We also learned about pseudo classes, which is like mini classes within a class, such as having different functions within a link tag: a:link or a:hover. I especially enjoyed the input:focus, text area:focus dynamic pseudo class because it is a more exciting way to hover over links rather than the text color changing, it sort of highlights it, which seems to be a trend right now. Another key thing I learned today was shorthand coding, which again helps with organization and simplicity of your CSS document. When using shorthand coding you don't have to specify each thing, you just line everything up in order like so: font: italic bold 12px/2 courier;, rather than doing each element, font, font-style, font-size on their own lines. The last thing that I found very interesting was the positioning ability of CSS when using absolute position as well as floating elements. This helps to create more exciting elements that don't exactly have to sit on a certain framed box but rather can float anywhere you tell it to. 

The product of all this coding isn't too attractive or exciting, but the practice of using the new learned codes and seeing what it does on the front end was definitely interesting. My code and final page layout can be found below: