17. Text Styling And Formatting – Full stack web development Tutorial Course

This video lesson covers font and text styles in CSS, including font families, font sizes, font styles, text alignment, text decorations, letter spacing, text transform, and basic HTML text formatting tags like bold, italic, and strong.

⏱️ Chapter Timeline

Scroll horizontally →

✨ AI Takeaways & Lesson Breakdown

1
Font families define the font styling of text, and it is a best practice to include fallback fonts (e.g., serif, sans-serif) in case the browser does not recognize the primary font.
2
Font names consisting of more than one word must be enclosed in double quotes (e.g., "Times New Roman").
3
Font sizes can be set using pixels (hardcoded size), rem units, or em units.
4
Font styles include italic, normal, and oblique.
5
Text decoration properties like 'text-decoration: none;' can be used to remove default styling such as underlines from anchor tags.
6
Properties like 'letter-spacing', 'text-align', and 'text-transform' (uppercase, lowercase, capitalize) allow further text customization.
7
HTML text formatting elements include <b> (bold), <i> (italic), <em> (emphasized), <strong> (strong), <del> (delete/strike-through), and <mark> (highlight).
Sponsored Ad Space
Promote with us • Contact to place your banner

Course Content

25 Lessons Total

Playlist
01
Introduction to Web Development | Full Stack Web Development Tutorial
02
3. Building Your First Website | Learn HTML | Full stack web development Tutorial Course
03
4. Intro to HTML, HEAD, BODY, and HEADER | Full stack web development Tutorial Course 2022
04
5. Lists, Paragraphs, and Text Styling – Full stack web development Tutorial Course
05
6. Displaying Data With Table – Full stack web development Tutorial Course
06
7. Learn HTML Forms, Img and Iframe Tags – Full stack web development Tutorial Course
07
8. What is CSS ? – Full stack web development Tutorial Course
08
9. How to use Inline, Internal and External CSS – Full stack web development Tutorial Course
09
10. Element, ID and Class Selectors – Full stack web development Tutorial Course
10
11. CSS Colors and Shadows – Full stack web development Tutorial Course
11
12. CSS Backgrounds And Borders – Full stack web development Tutorial Course
12
13. Using browser inspector tools – Full stack web development Tutorial Course
13
14. Combinators in CSS – Full stack web development Tutorial Course
14
15. Grouping in CSS – Full stack web development Tutorial Course
15
16. Specificity in CSS – Full stack web development Tutorial Course
►
17. Text Styling And Formatting – Full stack web development Tutorial Course
17
18. Google Fonts API – Full stack web development Tutorial Course
18
19. Responsive CSS Images – Full stack web development Tutorial Course
19
20. CSS Padding And Margin – Full stack web development Tutorial Course
20
21. CSS Rows And Columns – Full stack web development Tutorial Course
21
22. Intro to building your first CSS for website – Full stack web development Tutorial Course
22
23. Building the Navbar – Full stack web development Tutorial Course
23
24. Making the Navbar Mobile Responsive, Part 1 – Full stack web development Tutorial Course
24
25. Making the Navbar Mobile Responsive Part 2 – Full stack web development Tutorial Course
25
26. Creating the Form Group – Full stack web development Tutorial Course

Curated Deals

Affiliate Deals
Promote with us • Add deals in your admin panel

🎉 Lesson Progress Check!

Would you like to take a short quiz to test your knowledge on this video before moving on?