Padding
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 MoreApplying CSS
Or really – how do you use it? There are three ways to apply CSS so it works with your HTML: In-line, internal and external: In-line: put straight into HTML tags using the style attribute. They look like this: <p style=“color:green”> text</p> Internal: embedded or internal styles are used for the whole page. Inside the…
Read MoreWhat is CSS?
CSS stands for Cascading Style Sheets and defines how HTML elements are to be displayed. Why was CSS created? HTML was never intended to contain tags for formatting but tags to define content like <h1> and <p> Adding tags like <font> and <background-color> started a nightmare for developers especially in large sites as you had…
Read MoreHomework: Lists
Make sure previous week’s homework is done. Then you’ll create a new file called vacation.html Make sure you READ the instructions below Go through them one by one in order and check them off!! When you are done, it should look something like this. Or here’s the web page. Without the cool colors yet 🙂…
Read MoreHomework: Paths
Do Quiz on paths!
Read More