CSS 3-3: Padding, Borders, & Margin

Veröffentlicht am: 15 April 2020
auf dem Kanal: CodingKids Online

In this video we talk about some new font properties that we can use to continue developing our design skills, while we also talk about the structured space each HTML element has. We can manipulate that space using CSS.

Main Points:
Applying font properties to text elements: do not think font properties like "font-size" will have an effect on images for example!
Remember to have fun and test extreme values to see what happens! Your computer wont explode, we promise!
Padding: This is the space within the element. It is represented by the space from the Content to the Border.
Border: This is the "wall" that encloses the element and its contents. You dont have to have a border though!
Margin: This is the space outside the Border, and it helps "push" other elements away from the targeted element.
Elements are given by default a certain about of design such as: font-size, padding, margin, border, all of which is determined by the element itself. So remember that just because you havent edited the margin doesnt mean there isnt already some applied by default.
Examples:

http://www.codingkidshk.com

Auf dieser Seite können Sie das Online-Video CSS 3-3: Padding, Borders, & Margin mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer CodingKids Online 15 April 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 71 Mal angesehen und es wurde von 0 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

331