CSS3 for Beginners: An Introductory Tutorial


This course is your second course in web designing. In this course, CSS3 for beginners: An Introductory Tutorial, you will learn the basics of styling a webpage using the  CSS syntax. Among others include the different CSS selectors, the DOM, and the box model.

Before now, we have been working with HTML. From what we have learned so far, we should have understood that all the elements and their respective attributes will help us build a fantastic website.

We can build a fantastic website with all the links, hyperlinks and navigation menu included. In fact, the website can have interaction with users through the inclusion of audio, video, maps and form objects.

However, the content of the website will be presented in a simple text-rich format without aesthetics, and without any content presentation format. This course,

CSS3 for Beginners: An Introductory Tutorial

will lay a foundation on how to styles and beautify your webpages.

With HTML, we can form the building block and structure of a website, but the site presentation and appearance are the work of CSS. Both go hand in hand. CSS3 for beginners will teach you the styling of webpages.

In this course, “CSS3 for Beginners”, we shall begin with the definition of CSS, then we look at the DOM (Document Object Model) and CSS syntax. We’ll go ahead to the different types of CSS selectors. After which we shall look at the pseudo-class selectors and pseudo-elements selectors. We then conclude with the box model.

Add this knowledge to your HTML knowledge and start building a production website.

At all times, you can also read the text version of this course which is split into different topics. In the text version, you will have the opportunity to work with the codes. You can play around with the codes. But I will advise that you produce your own codes and work with them.

Course Content

Total learning: 28 lessons Time: 5 weeks
  • Introduction to Cascading Stylesheets  0/5

    • Lecture1.1
      Introduction Preview
    • Lecture1.2
    • Lecture1.3
    • Lecture1.4
    • Lecture1.5
  • Getting Started with Cascading Stylesheets  0/4

    • Lecture2.1
      The HTML DOM Preview
    • Lecture2.2
    • Lecture2.3
    • Lecture2.4
  • CSS3 Selectors: an Introduction  0/6

    • Lecture3.1
      Introduction to CSS selectors Preview
    • Lecture3.2
    • Lecture3.3
    • Lecture3.4
    • Lecture3.5
    • Lecture3.6
  • Pseudo-class and Pseudo Elements Selectors  0/6

    • Lecture4.1
      Introduction to pseudo-class selectors 03 min Preview
    • Lecture4.2
    • Lecture4.3
    • Lecture4.4
    • Lecture4.5
    • Lecture4.6
  • The Box Model  0/7

    • Lecture5.1
      The Content Box 08 min Preview
    • Lecture5.2
    • Lecture5.3
    • Lecture5.4
    • Lecture5.5
    • Lecture5.6
    • Lecture5.7


A graduate of Statistics/Economics, web designer, data analyst, and Business developer. I have a passion for education and training, hence started Kmacims | Education Annex. We are building a community of creative people through creative education and mind development, among others. We offer courses that boost mental attitude and creativity through text and video graphics. Our clients also have access to business, financial, ICT, etc. training. We offer these through our website. Other services include business coaching and ICT consulting services. Education is key to personal and national development. We want our younger generation to understand the power of education in mankind and nation-building. There is a need for them to think like leaders, and develop problem-solving skills. The key is to plant in them, the right education that will expose the creative ability trapped within them.