Description
In this course you will learn to work with different CSS3 properties in developing a website, understanding CSS syntaxes and formatting HTML elements.
Who is this course?
This course is for anybody from no knowledge of CSS to advanced knowledge of CSS.
Module 1 - Introduction
Module 2 - Getting Started with CSS
-
4
OverviewBrief overview of the module. You will learn; 1. How to install the software to use 2. how to set up a CSS environment 3. Basics of CSS and website layout -
5
Software/tools to use for CSS
-
6
Installation of the text-editorInstalling Sublime text.
-
7
Setting-up a CSS environment
-
8
Basics of CSSThings you should know about CSS.
-
9
Website Layout
Module 3 - Adding CSS in an HTML file
Module 4 - CSS Syntaxes and Properties
-
15
OverviewOverview of the module. You will get to learn; - how CSS syntaxes looks - some CSS properties - basic CSS declarations - CSS selectors and values
-
16
CSS syntaxes
-
17
CSS propertiesBasic CSS properties like; - Text properties - Font properties - Border properties - Link properties
-
18
Basic declarations of CSS
-
19
SelectorsYou will learn the different selectors in CSS; - Type selectors - Class selectors - Id selectors - Group selectors
-
20
Values
-
21
Quiz
Module 5 - Colors
Module 6 - Text/Font Styling
-
28
OverviewAn overview of this module, you will learn; - the difference between text and font - properties to format a text - properties to format fonts
-
29
Differences between text and font
-
30
Text formattingWe will be working with properties like; - text-decoration - text-align - text-transform - text-overflow - letter-spacing - word-wrap
-
31
Font formattingWe will talk about; - font-family - font-style
-
32
font-variant and font-weight propertiesYou will learn how to work with - font-variant - font-weight
-
33
font-size propertyYou will learn to use font-size property using; - pixels (px) - em - % - combination of em and %
-
34
Quiz
Module 7 - Styling and More CSS Properties
-
35
OverviewYou will be learning - List styling and the properties to style a list - Table styling and properties to style a table - Link styling and properties to style a link - CSS comments
-
36
List stylingWe will talk about the properties used in styling a list like; List-style-type List-style-position List-style-image List-style
-
37
Table styling - borderWe will be styling the border of a table
-
38
Table styling - sizeLearn to either increase or decrease the size of a table.
-
39
Table styling - alignmentYou will be learning how to align the data in a table.
-
40
Table styling - appearanceYou will learn how to change the way a table appears or looks
-
41
Link styling using color propertyYou will be learning to style the different link states using the color property.
-
42
Link styling using text-decoration propertyStyling the different link states using the underline value of the text-decoration property
-
43
Link styling using background-color propertyYou will learn to specify a background-color for a link.
-
44
CSS commentsLearn to work with comments in CSS.
-
45
Quiz
Module 8 - Box Model
-
46
OverviewOverview of the module. We will be discussing about; - Box model - Margin, Border, and Padding properties - Height and Width properties - Overflow property
-
47
What box model means
-
48
Margin propertiesYou will learn how to work with the different margin properties for the different sides of a box or an element..
-
49
Margin shorthand propertyWorking with the margin shorthand property.
-
50
Border-style propertyYou will learn how to work with border-style property and the different values.
-
51
Border-width propertyYou will learn to work with border-width property using pixel values, % values and predefined names
-
52
Border-color propertyLearn to style a border using the border-color property.
-
53
Border shorthand propertyLearn to use the border shorthand property to style the color, width, and style of a border.
-
54
Padding propertyWorking with padding properties.
-
55
Height and Width properties
-
56
Min-width and max-width propertiesLearn to use the min-width and max-width property to style a box.
-
57
Min-height and max-height properties
-
58
Overflow propertyworking with overflow property values like; - scroll - visible - hidden - auto
-
59
Quiz
Module 9 - Position_Float_Clear Properties
-
60
OverviewYou will learn to work with; - position property - float property - clear property
-
61
Position property - static
-
62
Position property - relative
-
63
Position property – absoluteLearn to work with absolute value of the position property
-
64
Position property - fixed
-
65
Float propertyLearn to float elements to different sides of a webpage or a container.
-
66
Side by side float
-
67
Clear property
-
68
Quiz
Module 10 - Background
-
69
OverviewOverview of the module. You will learn to work with properties like; - Background-color - Background-image - Background-repeat - Background-attachment - Background-position - Background shorthand
-
70
Background-color property
-
71
Background-image property
-
72
Background-repeat propertyYou will learn to work values like; - repeat - repeat-x - repeat-y - no repeat
-
73
Background-attachment propertyWe will be discussing background-attachment values like; - fixed - scroll
-
74
Background-position property
-
75
Background shorthand propertyYou will learn to use one property to specify the values of the five different background properties.
-
76
Quiz
Module 11 - Advanced CSS
-
77
OverviewIn this module you will learn how to use some advanced properties like; - Rounded corners - Border image - Pseudo classes - Pseudo elements - Buttons - Pagination
-
78
Rounded cornersYou will be learning to give rounded corners to an element on a webpage.
-
79
Border-imageYou will learn how to specify an image as the border of an element.
-
80
Pseudo classes
-
81
Pseudo elements
-
82
Pseudo elements and CSS classesYou will be learning how to combine pseudo elements and CSS classes, pseudo classes and CSS classes.
-
83
ButtonsWe will be discussing how to style buttons in an HTML document using different properties.
-
84
Pagination
-
85
Quiz
Be the first to add a review.
Please, login to leave a review
Related Courses
About the Course An advanced CSS course touching on responsive web design technologies including: flexbox grid layout media queries And also an inc...
₦8,000