CSS

CSS for beginners

  0 review(s)

Posted 5 months ago, updated 4 months ago

Created by Kwame Duodu • Last updated : 4 months ago

Course language: English - UK

Be a developer in just 5-6 months!

Show / Hide filters

Category

HTML
CSS
JavaScript
PHP
SQL
JQuery

Price ($)

Lowest
Highest
All

Ownership

Purchased
All
Apply filters

Available at GH₵50.00 GH₵100.00

50% off


What you will learn?

This course is for anyone who want to know how to style an HTML web page. Since CSS is considered the standard for styling web pages, you shall use it in conjunction with HTML to create incredible-looking user interfaces.

Preview this course

DESCRIPTION


CSS stands for Cascading StyleSheeet and it is considered the standard for styling HTML web pages. The current version is CSS 3 which has brought far more incredible stuff along with it. In this course, we shall have a look at the basics of CSS, find out the three major ways of including CSS on a page, adding colors, flexbox, box model, and many more.


Prerequisite: 
You need a basic understanding of HTML before jumping to this CSS for a beginner's course. Most of what we shall do here will be directed to HTML so it is a must-have.

Things we shall learn:
1 - Ways of including CSS on a webpage
2 - Creating a CSS file
3 - Responsive web design
4 - Colors
5 - Flexbox 
6 - Positioning elements in HTML with CSS
7 - Dimensions
8 - CSS background effects and images on HTML elements
9 - Fonts & typography
10 - Animations
11 - Transitions
12 - Layout and centering elements
13 - Build a simple portfolio page to test your skills

How we shall do it:
You will be introduced to the basics and try your hands-on practical examples. After that, you will move on to combine what you have come to learn to build a portfolio page and make it responsive

Find me:
Am Duodu Kwame and you can find me at kwamelal.com

SHARE


COURSE OUTLINE

Duration • 12:15:10

Videos • 101


1 • Introduction
3 sub lessons
17:50
Questions and Answers
06:58
Instructor and Duration
02:42
Course outline
04:00
2 • Browser
3 sub lessons
16:18
Setup and text editor
02:04
Combination of CSS and HTML
05:38
What is CSS?
06:10
3 • Ways of including CSS
4 sub lessons
35:24
Inline style
07:16
Internal stylesheet
05:48
External stylesheet
13:10
Change the default page icon
03:28
4 • Syntax, Commenting and Naming
3 sub lessons
20:58
Naming structure
08:44
CSS Commenting
03:44
CSS syntax
05:26
5 • What we will build
10 sub lessons
01:16:18
Portfolio section
05:58
Page structure example
05:22
Page structure
11:04
Header section
06:14
Home section
06:14
About section
11:04
Services and testimonials
03:42
Blog section
05:26
Contact section
12:56
Footer section
04:04
6 • Selectors
5 sub lessons
01:09:42
Pseudo selector
06:20
Attribute selector
06:26
Element-child selector
07:20
Universal child selector
11:00
Plus selector
04:14
7 • CSS Concepts setup
8 sub lessons
50:22
Background colors
03:30
CSS Colors
12:26
Borders
04:30
Gradients
03:18
Text shadow
04:18
Box shadow
04:22
Opacity
05:06
Background images
05:28
8 • Width, Height, Min, and Max
3 sub lessons
20:56
Overflow
05:20
Cursor
04:18
List styles
06:32
9 • PX(pixels) and Percentage(%)
3 sub lessons
16:12
Inherit and Initial
04:20
Viewport units
03:26
Em and Rem units
04:00
10 • Line height and text wrap
5 sub lessons
23:40
Ellipsis
02:22
Font size
03:16
Font style
01:50
Font weight
03:22
Font family
05:10
11 • Box model, padding, margin and border
4 sub lessons
29:20
Box Model
09:20
Box sizing
04:12
Revisiting CSS borders
05:20
Margin
04:54
12 • Flexbox
3 sub lessons
25:08
Centering with flex
03:54
Centering with auto margin
03:32
Display and Visibility
06:26
13 • Float and Clearfix
3 sub lessons
26:48
Clear
04:34
Relative and Absolute positions
08:36
Sticky and Fixed positions
05:44
14 • CSS 2D animations
09:38
15 • CSS Transitions
1 sub lesson
17:52
CSS Animations
07:32
16 • Browser prefixes
3 sub lessons
15:40
CSS Variables
04:22
Importing
03:22
Checking for property support
04:12
17 • Introduction to styling our portfolio page
13 sub lessons
03:13:56
Styling the footer
07:16
Adding a few things to the header
04:38
Creating a menu
16:22
Styling contacts section
19:10
Styling blog section
13:42
Styling header
17:42
Styling home
23:28
Styling the biography section
23:36
Styling services section
18:20
Styling testimonials section
15:10
Styling resume section
10:48
Styling experience, education, and projects
06:30
Styling the portfolio section
10:16
18 • Introduction to responsive design
7 sub lessons
54:28
Making the header responsive
05:52
Making the biography section responsive
08:54
Making testimonial and services section responsive
04:12
Making experience, project and skill sections responsive
03:18
Making portfolio and blog section responsive
08:58
Making the contact section responsive
05:12
Putting page sections into different files
12:54
19 • Conclusion
06:06
20 • Introduction to JavaScript
08:32

REQUIREMENTS


You will need a basic knowledge in HTML to start CSS. What you will learn is going to be applied to HTML.

WHO IS THIS COURSE FOR?


  • After completing this course, you can create HTML web pages and style them according to your taste. You can change colors, modify backgrounds of HTML elements and do more transitions. Also, you will come to know how animations work, typography of a page, dimensions, units and more in relation to not only CSS but CSS and HTML as a whole.

COURSE INSTRUCTOR:


Kwame Duodu

Am a computer programmer

read more

See all courses






REVIEW SUMMARY

0.0

out of 5
0 Review(s) made


REVIEWS



BOUGHT TOGETHER


HTML - THE ULTIMATE COURSE FOR BEGINNERS

Learn HTML for the first time or top-up your skills with this HTML for absolute beginners course

Duration : 1 - 2 weeks

GH₵50.00 GH₵100.00

  0 review(s)

   
  • Add to cart

JavaScript for beginners

JavaScript - JavaScript course for absolute beginners. With this course, you will find it easier to build interactive applications and learn new and emerging technologies which require you to have a background in JavaScript.

Duration : 1 - 2 months

GH₵100.00 GH₵200.00

  0 review(s)

   
  • Add to cart




Courses Tutorials
RESULTS FROM SEARCH •
SEE MORE RESULTS  

SUBSCRIBE TO OUR
NEWSLETTER •


Dont miss! Stay updated with Us, new
courses, and trends in tech.

By providing your information and clicking "Subscribe", you consent and agree to receive marketing emails from CodeGaia, and that your information will be used in accordance with the CodeGaia Terms of Use and Privacy Policy.

Close



RATE AND REVIEW

CANCEL PUBLISH

Introduction

ERROR OCCURRED!

An unknown error occurred. Try again.

 TRY AGAIN
Play/Pause
Volume
00:00 / 00:00 -00:00 Time
Share
Fullscreen

ADDED TO CART

This course is a part of a package. A package has multiple courses and all the courses within the package are all added to the cart and bought together as one. Packages are used to group inter-related courses for students.
Show package details

RELATED

hide/show


Available at GH₵50 GH₵100

50% off
Item successfully added
You have 2 item(s) in your cart. Please proceed to checkout