CSS For Beginners
What you'll learn
- Understand the role of CSS in styling web pages
- Apply different types of CSS: inline, internal, and external
- Use selectors to target specific HTML elements
- Work with the box model and see how box-sizing affects layout
- Style elements using the float, display, and position properties
- Use relative and absolute units like px, %, em, and rem
- Get introduced to media queries for responsive design
Requirements
- Basic understanding of HTML.
- No prior knowledge of CSS required. This course will teach everything you need to apply styling to your HTML web pages.
Description
This course is designed for complete beginners who want to learn how to style their web pages using CSS — the language that controls the look and feel of websites.
You’ll get a clear, practical introduction to how CSS works and how to define styles that change the layout, color, and appearance of your HTML elements. Each topic is demonstrated in a simple, focused way to help you build confidence with the fundamentals.
Here’s what you’ll explore:
Types of CSS – Learn the differences between inline, internal, and external CSS and when to use each one
CSS selectors – Discover how to target HTML elements using element, class, ID, and attribute selectors
CSS specificity – Understand how CSS rules are prioritized and what happens when styles conflict
Fonts and colors – Learn how to define fonts, text styles, and apply color in multiple formats
The CSS box model – Understand how margin, border, padding, and content work together
Box sizing – See how the box-sizing property affects layout
Positioning – Get familiar with static, relative, absolute, fixed, and sticky positioning
Floats and clear – Understand how floating elements behave and how to manage them
Display property – Learn how to control element behavior with values like block, inline, and inline-block
CSS units – Explore the different units used in CSS, including px, em, rem, %, and more
Media queries – Get introduced to responsive design by applying styles based on screen size or device type
By the end of the course, you'll have a strong starting point in CSS and feel confident applying styles to HTML elements. Whether you’re preparing to dive deeper into web development or just want to get hands-on with how websites are styled, this course is a great place to begin.
Start learning today and take your next step into the world of web development — without feeling overwhelmed.
Who this course is for:
- Beginners curious to learn how to style HTML web pages with CSS
Instructor
Hi I'm Joshan Grewal, a web developer with 5 years commercial experience. I also hold a Bachelor's degree in Computer Science to which I obtained First Class Honours. During my time at college and university I learnt many languages and frameworks such as HTML, CSS, Javascript, Java, PHP, Laravel and SQL. I've also had exposure to JQuery, Angular and Vue.
After my studies I then worked for a company for 4 years as a PHP developer which taught me a great deal on the best practices for writing efficient code. I've now got to a stage in my career where I want share the knowledge I've gained in website development to inspire others to take up a career within the tech industry. I find the easiest way to pick up a skill is to continuously practice it. I will aim to provide all the knowledge I've acquired over the years to the best of my ability to ensure you are fully equipped to start your journey within the tech industry.