CSS 3-3: Padding, Borders, & Margin

Pubblicato il: 15 aprile 2020
sul canale di: 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

In questa pagina del sito puoi guardare il video online CSS 3-3: Padding, Borders, & Margin della durata di ore minuti seconda in buona qualità , che l'utente ha caricato CodingKids Online 15 aprile 2020, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 71 volte e gli è piaciuto 0 spettatori. Buona visione!