You will start with the basics and apply the practical knowledge you learn through hands-on application and examples every step of the way. By the end of the course, you will have learned to apply fundamental design elements in CSS to create a beautiful and functional user experience.
Highlights:
- 39 practical tutorials.
- Learn how to add and change colors of elements.
- Add background colors, images and borders.
- Understand the difference between margins and padding.
- Change the formatting and alignment of text.
- Style links, lists and manipulate fonts.
- Understand CSS pseudo-classes and how to use them.
- Use gradients, shadows and rounded corners.
- Add buttons and pagination for easy navigation.
- Make your design responsive for mobile devices.
- Setting up, using and modifying Bootstrap.
- Understand how HTML, CSS and JavaScript work together.
Once enrolled, our friendly support team is here to help with any course-related inquiries.
Summary
- Skill level: Beginner
- Lessons: 39
- Pre-requisites: None
- Estimated study time: 19h 30m for all materials
- Certificate: Yes
- Accredited by: CPD
- Video duration: 2h 38m
Features
Premium video tutorials
Personalized Learning
Learn at your own pace
Tests and Quizzes
Award winning instructors
Get Certified
Mobile - Learn on the go
Regularly updated content
Accreditations & Approvals
All courses under each learning path are accredited and approved by one or more of the following bodies as is applicable.
Instructors
All courses are taught by reputed trainers with relevant accreditations and industry experience.
Modules
Course Introduction
What is CSS and what is it used for?
Setting up a Development Environment
What tools do you need to write CSS?
CSS Syntax
Understanding the basic CSS syntax.
Using CSS 3 Ways
Learn the three main ways to use CSS on a web page.
Colors
How to add and change the colors of elements.
Backgrounds
Changing background colors, images, and more.
Borders
Adding borders to elements, and modifying the border style.
Margins and Padding
Understanding the difference between Margins and Padding.
Height and Width
How to change the height and width properties of an element.
Box Model
Understanding the CSS Box Model for your design and layout.
Outline
Learn how to change the style, color, and width of an outline.
Text Formatting
How to change the formatting and alignment of text.
Fonts
How to manipulate the font family, boldness, style, and size, of text.
Links
Learn to style links. Understanding active, hover, and visited formatting as well as text decoration.
Lists
Styling both ordered, and un-ordered lists.
Tables
How to greatly alter the look of HTML tables.
Display
Understanding how an element is displayed with CSS.
Position
Understanding static, relative, fixed and absolute positioning.
Float and Clear
Understanding Float left, Float right, and the clear statement.
Inline-Block
Learn how to make floating easier with Inline-Block
Align
Aligning elements horizontally and vertically, as well as centering objects.
Combinators
What are Combinators, and when to use them.
Pseudo-Class
Understanding CSS Pseudo-Classes and how to use them.
Rounded Corners
Adding cool rounded corners to things.
Border Images
Using images for borders instead of lines.
Gradients
Using Gradients with nothing more than CSS (no images needed).
Shadows
Adding Shadows to elements.
Rounded Images
Adding Rounded features to images with CSS.
Buttons
Creating and styling buttons with CSS.
Pagination
Creating Pagination with CSS.
Intro to Responsive Design
Understanding the concept of responsive design for mobile devices.
Grid View
What is the grid view and why is it important?
Media Queries
Showing different web page designs based on different sized devices.
Images
How to resize images responsively for mobile devices.
Using Responsive Frameworks
How to use a framework like Bootstrap to shortcut your responsive programming.
Setting Up Bootstrap
How to add Bootstrap to your website.
Basic Bootstrap Usage
Understanding the basics of Bootstrap
Modifying Bootstrap
How to modify the underlying bootstrap CSS code.
HTML, CSS, and Javascript Working Together
How do HTML, CSS, and Javascript work together to make up front-end web development
Target Audience
- Graduates exploring placement in entry-level Development positions across industries
- Developers needing upskilling to be future-ready or become more productive in their current roles
- Experienced individuals exploring Introduction to CSS to join the workforce
How do I Access The Program
- Buy the course online
- Save your payment transaction receipt for any future reference
- Our team will share the credentials to enable you access your course online within 2 business days of payment transfer
Bulk Orders
Incase you are looking for bulk user licenses, or customized Learning Paths for various Job Roles, reach out to us with your detailed requirements.
Reviews
There are no reviews yet.