Homework: Box Model
Class Selectors
Class Selector are the most commonly used type of selector. It allows you to create and apply styles to a subset of an HTML element. For example, if you wanted important paragraphs to have bold font. Or certain lists have a border. There are two actions required to create and use a class selector. Create…
Read MoreLinks Pseudo Classes
The ones that are the most common and the most useful are for links. You attach them on to the the <a> tag using a colon followed by the name of the pseudo class. Here is a list of the ones used with links: :link – style all links :visited – style links that have…
Read MoreMargins
Margins work very similar to padding except that they add space outside the element. What does that mean? Simply, that you cannot set the background-color. Margins are transparent which means it takes on the color of whatever element is behind your element – such as the body or another element. Prefer to watch a video?…
Read MorePadding
Padding provides a space or clear area around the content inside the border– its color is set by the background color of the element. Which means it has the same background color as the element it is applied to. Prefer to watch a video? https://labcatscoding.com/wp-content/uploads/2020/07/BoxPadding.mp4 Box 1: there is no padding and you can…
Read MoreGradients
Gradients allow you to have a smooth transition between two or even more colors as the background color of an element. To see this all live click here. Please note: the colors on this page hurt my head 🙂 But, I picked obnoxious ones so you could see clearly the way gradients worked. Feel free…
Read MoreUnderstanding Color Values
Color can be applied using the color and background-color declarations. color: sets the color of the font for a specific element such as a page, paragraph, headers, anchors and more. background-color: sets the color of the background for a specific element such as a page, paragraph or header. You can apply these properties to most…
Read MoreHomework: Fonts
Play with fonts and add them to your page. Do at least the minimum below. Click the submit button at the bottom when you are done!
Read MoreHomework: Intro to CSS
Catch up! Instructions for the past four weeks of homework are on the website. but I’ll list them hear for you as well using nested unordered lists! Week 1 Homework: First Web Page Week 2 Homework: Links Week 3 Homework: Images & Paths Week 4 Homework: Lists & Tables Do this weeks!
Read MoreTypes of Fonts
There are two types of fonts that can be declared in CSS Generic – a group with similar look like serif, sans-serif or monospace. Named Fonts – a specific font like Times New Roman or Arial Types of Generic fonts Generic fonts are divided into five main groups. Serif Sans-serif Monospace Cursive or Script Fantasy…
Read More