CSS Alignment (Clip 16): Gentle Introduction to CSS for Beginners

CSS alignment is like a box of chocolates ... see how to align and center content on an HTML page.

Use this link for the full course playlist: https://www.youtube.com/playlist?list=PLErOmyzRKOCptjkM-mOfveYlgKQEx1AAf

*Lesson Links*
"text-align": https://developer.mozilla.org/en-US/docs/Web/CSS/text-align

"vertical-align": https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align

"CSS Box Alignment": https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Alignment

To download the image, follow the link below. Right-click on the image, select Save image as..., and save the image to the desired location.

Puppy image: https://github.com/DeborahK/Gentle-Introduction-to-CSS/blob/main/resume/images/ben.jpg

To view the code for the "coding along" exercises in this lesson, click the link below. This takes you to my GitHub, which is a site for storing code files. You can then copy/paste text from those files (saving you some typing) or compare your code to the code from the exercise.

Layout (index.html): https://github.com/DeborahK/Gentle-Introduction-to-CSS/blob/6-layout/resume/styles/style.css

Layout (style.css): https://github.com/DeborahK/Gentle-Introduction-to-CSS/blob/6-layout/resume/index.html

*Content*
00:00 Alignment
00:41 text-align
01:00 vertical-align
01:27 Coding Along: Horizontal + vertical alignment
01:53 text-align (demo)
03:07 Defining margins
03:41 Adding an image
05:29 vertical-align (demo)
05:54 Reusing standard CSS classes
06:52 Key points

*Course Description*
Every web page you see has some style: colors, fonts, backgrounds, layout. This course provides a gentle introduction to CSS, or cascading style sheets, for styling your websites.

You'll learn about CSS, where to define styles, CSS syntax, selectors, and the CSS box module. You'll try out CSS layout features and explore how styles cascade. Throughout this course, you'll style a web page.

*Audience*
• Anyone new to web development.
• Students considering a web developer career.
• Existing web developers that want to reinforce their CSS knowledge.
• Those that manage or interact with web developers to better understand what CSS is and how it's used.

This course assumes you are familiar with the basics of HTML. If not, consider watching this HTML course first: https://www.youtube.com/playlist?list=PLErOmyzRKOCpmPEZIkblP-0sNufXbvXJL

This is the fourth course of the "How to Become a Web Developer" series.

Видео CSS Alignment (Clip 16): Gentle Introduction to CSS for Beginners канала Deborah Kurata