If you're a budding web designer and you're ready to learn CSS, then begin here! If there's one type of styling which is perhaps more important than any other in web design, it's typography. Preferably, your websites should begin with solid typography, and the rest of the design must be constructed around that. For this reason, it is very important to comprehend the typographic part of the style process initially.
► Browse WordPress Themes and Plugins on Envato Elements:
This is the 2nd course in a series mentor you Web Design. Make sure to sign up for the Envato Tuts+ YouTube Channel to be alerted when the next course is offered.
View on GitHub:
– Find Out HTML Essentials: Offered now
– Learn CSS Typography
– Discover CSS Layout:
– Discover CSS Colors and Backgrounds:
Related Hyperlinks
– CSS Zen Garden:
– CSS Typeface Stack:
– Google Fonts:
1. Intro
0:00 1.1 Welcome
2. Learn CSS Typography
0:54 2.1 Introduction to CSS
10:15 2.2 CSS Font Properties
18:49 2.3 Web Safe Fonts, Custom-made Fonts, and Typeface Stacks
28:04 2.4 CSS Line Height and Vertical Margins
33:45 2.5 Units to Use in Typography
45:11 2.6 Style Your Page's Typography
3. Conclusion
59:59 3.1 Wrapping Up
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+.
Discover complimentary how-to tutorials and online courses. Style a logo, develop a site, develop an app, or learn a brand-new skill:.
Envato Components.
All the imaginative assets you need under one subscription. Personalize your project by including distinct images, fonts, graphics, and styles.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Aspects:.
► Register For Envato Tuts+ on YouTube:.
► Follow Envato Tuts+ on Twitter:.
► Follow Envato Tuts+ on Facebook:.
CSS Best Sellers
Nice explanation of px,em, and rem. <3
Had an issue with my stylesheet not overriding the parent themes css only on mobile devices, your advice regarding the div class gave me a lightbulb moment and I fixed everything. Thank you!
In the last lesson how do you get all the numbers for line-height, margins and font size? I think it makes no sense to write all this numbers without any explanation. Why didn’t you download the font weight of 800 but use it for the h2-headline.
I really appreciate your quick and comprehensive explanation. I found it very useful helpful for learning CSS . Thank you very much.
Very Nicely explained but do you have source file for this session as we had for previous session
Thanks for your comment. The GitHub link is added now!
@Envato Tuts+ Thank you so much