HTML & CSS Lecture Practice

Screen Shot 2015-03-03 at 18.01.44

Above is a lecture slide describing how padding is used in CSS and that it is the space between the border and the text. Below are my own examples of a element without padding and then an element with padding.Screen Shot 2015-03-03 at 18.21.42 Screen Shot 2015-03-03 at 18.22.07 Screen Shot 2015-03-03 at 18.01.52

Above is a lecture slide describing how margins are used in CSS and that it is the space outside the text/content. Below are my own examples of a element without a margin and then an element with a margin.

Screen Shot 2015-03-03 at 18.26.15This practice on the open source code editor Brackets has helped me to understand how padding and margin affect the positioning of an element.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s