Master HTML To CSS In 30 Days
Day 1
What Is Html ?
Html Basic Introduction
Why We Use Html In Website?
Why We Use Css In Website?
Why We Use Js In Website?
Basic Html Structure
What Is Html Elements?
Environmental Setup(Download Vs
Code)
Download Necessary Extensions
Run Our First Program
Day 2
What Is Comments In Html ?
What Are Html Attributes?
Heading Tag
Paragraph Tag
Pre Tag
Br & Hr Tag
All Formatting Tags
*a Small Project Using All Tags*
Day 3
Anchor Tag
Iframe Tag
Image Tag
Video Tag
Audio Tag
Embed Tag
Base Tag
Abbr Tag
Bdo Tag
Button Tag
Meter & Progress Tag
*a Small Project Using All Tags*
Day 4
(Semantics Tags)
Header Tag,
Footer Tag,
Main Tag,
Section Tag,
Article Tag,
Aside Tag]
What Are Block & Inline Elements?
Div Vs Span Tag
Day 5
What Are Lists In Html ?
Order List
Unorder List
Dropdown List
Datalist Tag
*a Resume Project With Using All
Previous Tags*
Day 6
What Are Tables In Html?
What Is Caption Tag Of Table ?
Thead, Tbody, Tfoot Tags Of Table
Colspan, Rowspan In Tables
*create Different Layouts Of Tables In
A Small Project Using Table
Properties*
Day 7
What Are Forms In Html ?
What Is Action Attribute In Form ?
Label Tag In Html
Input Tag In Html With All Main
Properties
*create Sign Up Page Using Form Tags*
Day 8
What Is Css ?
Css Basic Introduction
Basic Syntax Of Css
How To Include Css In Html Page ?
Internal Css, External Css & Inline Css
Comment In Css
Selectors In Css [universal, Id, Class,
Group & Descendant Selctors]
Basic Color Property Using With All
Selectors
Day 9
Background Color Property
Rgb Color Model
Hex Color Model
Color Picker From Google
Width & Height Property
Background Image Property
Background Size Property
Background Position Property
Background Repeat Property
Day 10
Text-align Property
Text-decoration Property
Text-transform Property
Line Height Property
Font-size Property
Font-weight Property
Font-style Property
Font-family Property
Day 11
What Is Box Model In Css ?
What Is Content, Padding, Margin In Css?
What Is Border Property ?
What Is Border-radius Property?
Box Sizing Property
Display Property(Block, Inline,
Inline-block, None)
Visibility Property(Hidden, Visible)
Day 12
Absolute Units (Px)
Relative Units (%, Em, Rem, Vw , Vh)
*a Small Project Using All Absolute &
Relative Units*
Day 13
Position Property[ Static, Absolute,
Relative, Fixed Or Sticky]
Z-index Property
Day 14
Float Property
What Is Flexbox Model In Css ?
Flex-direction Property
Justify Content Property
Align Items Property
Flex Wrap Property
Align Content Property
Align Self Property
Flex Shrink Property
Flex Grow Property
Flex Order Property
Day 15
A Good Project Using All Flexbox
Properties
Day 16
What Is Grid Model In Css?
Grid Template Rows
Grid Template Columns
Grid Gap
Grid Template Areas
Grid Row Property
Grid Column Property
Justify Items Property
Align Items Property
Day 17
A Good Project Using Grid Properties
Day 18
Media Queries In Css
Why We Have To Use Media Queries ?
What Is Responsive Web Design?
A Project Using Media Queries
Day 19
Pseudo Classes In Css
Why We Use Pseudo Classes?
*a Project Using All Pseudo Classes
And Previous Properties*
Day 20
Transitions Property In Css
(Project Included)
Day 21
Transform Property In Css
(Project Included)
Day 22
Animation In Css
(Project Included)
Day 23
Create To-do List Project Using Html &
Css
Day 24
Create Calculator Ui With Html & Css Project
Day 25
Create Job Application Page Using Html &
Css
Day 26
Create A Parallax Website Using HTML &
Css
Day 27
(Part - 1)
Create A Single Page Restaurant
Website Using Html & Css
Day 28
(Part - 2)
Create A Single Page Restaurant
Website Using Html & Css
Day 29
(Part - 1)
Create A Single Page Personal
Portfolio Website Using Html & Css
Day 30
(Part - 2)
Create A Single Page Personal
Portfolio Website Using Html & Css
