Beginner’s guide to styling text with CSS

When we first start learning about CSS, one of the first things we learn is that we can style our text with properties like font-family and color. Quickly, though, we’re bombarded with more and more text related properties, so in this video, I take a look at the essential ones that you need to know early on, as well as talk about some of the units and values related to them.

🔗 Links

⌚ Timestamps
00:00 - Introduction
00:45 - What we’re starting with
01:15 - You don’t need to memorize these
01:35 - Inheritance
03:30 - font-family
06:12 - font-size
08:56 - font-weight
11:50 - font-style
13:25 - cheat sheet
13:40 - color
14:50 - getting more specific and using our dev tools
17:43 - line-height
20:10 - text-align
21:50 - text-transform
23:30 - text-decoration

#css

--

Come hang out with other dev's in my Discord Community

Keep up to date with everything I'm up to

Come hang out with me live every Monday on Twitch!

---

Help support my channel

---

---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[IrwineDuncan]

Even if you have been coding for a while, it is always good to brush up on the basics. Think of it like, putting oil in a car. Well done.

[TigerAuasfE]

Although i have experience with CSS for 3 years now, always refreshing to see this again, thnx for the video.

[haythamkenway]

wow. it was like yesterday. I've been huge fan of your contents for 3 years. great as always. you helped me a lot, thanks ❤

[andrewrea]

I dont know how I missed this video. Even though I knew 99% of these concepts your explanation of them was brilliant. You made it really easy to understand. 🎉

[AndyMorrisArt]

Thanks to your help I finally finished the two websites I'd been working on forever.

[efremmallach]

Very clear; I'm going to recommend it to my students. I'd add that property names that start with "text" do not change the arrangement of pixels that represent a character, but augment them in some other way like moving them to the right margin or giving them an underline, while those that start with "font" all do. I find that to be helpful in organizing one's thoughts about all of these. (It doesn't help with properties that don't start with either of these, like "color, " but there aren't a whole lot of those.)

[sheilamote]

I’m so glad I stumbled upon your videos! They are making my journey so much easier.

[NovaKirsch]

CONGRATS on the 800K subscribers. WELL DONE and WELL DESERVED!

[miguelbezerra]

Thank you for the video! I have been writing CSS for over 2 years and you were the one that finally explained why rem should be used for font-size! It's true I'll have to break the habit of writing it with px, but it makes so much sense that rem should be used instead and why! Great content and it does not matter how experienced you are because you can always learn something from a video that could be for a complete beginner

[outpost]

Another excellent video! Thanks Kevin.

[kirsh]

Why couldn't I found this channel more earlier... thanks for all the advices and insights.

[Adeyeye_seyison]

Thanks a million sir for your help and value adding contents and tutorials,
God bless you...

[pasaulusvitautus]

Great video!
If only I could have learned that easily over 25 years ago...

[wranther]

Thank you for this enjoyable 25 part series Kevin! Very easy to follow. Topics clearly identified and easy to understand. Clean presentations. Not overly crowded workspaces. Will be looking towards your other video series and stand alone videos to learn and to improve my learning! -Bob...

[johnleask]

Welcome advice Kevin = and many thanks for the cheat sheet

[piltover]

Amazing videos, you are such a great creator. Very helpful to learn!

[hikari]

I've been involved with css for 6 years now. I still feel overwhelemed tbh 🤣

[tanws]

can you do a video on how to make an image responsive or how to keep the image quality the same as some pictures on a bigger screen can cause the image to be pixelated

[re.liable]

Any opinions on letter spacing? Do you often use it?

[ElementoryMyDearWatson]

Really helpful kevin many thanks as always. What are your thoughts on changing the root font size to from 16px to 62.5% thus making 1 rem = 10 px? I find it a lot easier to calculate font sizes eg 24px = 2.4 rem etc