Learn Advanced css quickly for Beginners

Table of contents :
CSS IntRODuCtiOn
CSS SeleCtORS
CSS Comments
CSS ColoRS
Named Colors:
System Colors:
1.Named Colors:
HSLA Notation:
CSS BaCkGROunDS
CSS BORDeRS
1.Border as Element Boundary:
2.Three Main Border Properties:
3.Individual Border Sides:
4.Shorthand border Property:
5.Rounded Corners:
6.Transparent Borders:
1.Border Image:
2.Border Collapse (for Tables):
3.Double Borders:
4.Box Model Integration:
CSS MaRGinS
1.Spacing Outside the Element:
2.Four Margin Values:
3.Shorthand margin Property:
4.Auto Value for Centering:
5.Percentage and Length Units:
1.Collapsing Margins:
2.Negative Margins:
3.margin: 0 for Resetting Defaults:
4.Margin Collapse in Parent-Child Relationship:
5.auto Margin for Flexbox and Grid:
CSS PaDDinG
1.Inner Spacing:
2.Four Padding Values:
3.Shorthand padding Property:
4.Percentage and Length Units:
5.Auto Value:
1.Padding and the Box Model:
2.Collapsing Margins and Padding:
3.Padding and Child Elements:
4.padding: 0 for Resetting Defaults:
5.Padding in Flexbox and Grid:
CSS HeiGht/WiDth
1.Responsive Design:
2.Content Box vs. Border Box:
3.Max-Height and Max-Width:
4.Min-Height and Min-Width:
5.Auto Value:
CSS Box Model
1.Content:
2.padding:
3.Border:
4.Margin:
5.Box Sizing:
CSS Outline
1.Visual Enhancement:
2.No Impact on Layout:
3.Simple and Uniform:
4.Accessibility and Focus Indication:
1.Outline Width, Style, and Color:
2.Outline Offset:
3.Not Replaceable by Border:
4.Non-Rectangular Elements:
CSS Text
1.Font Properties:
2.Color and Text Decoration:
3.Text Alignment:
4.Line Height and Letter Spacing:
1.Text Transformation:
2.White Space:
3.Overflow and Text-Overflow:
4.Word Wrapping:
5.Vertical Alignment:
6.Text Shadow:
7.Text Direction:
CSS Fonts
1.font-family:
2.font-size:
3.font-weight:
4.font-style:
5.font-variant:
6.font-size-adjust:
1.line-height:
2.letter-spacing:
3.word-spacing:
4.text-align:
5.text-decoration:
6.text-transform:
CSS Icons
CSS Links
1.Pseudo-classes:
2.Text Transform:
3.Removing Underlines:
4.Styling Links in Navigation Menus:
5.Responsive Styles:
6.Focus Styles:
CSS Lists
1.List Types:
2.list-style-type:
3.list-style-image:
4.list-style-position:
5.list-style:
Styling List Items:
:hover and :active States:
Indentation and Margins:
Removing Default List Styles:
Horizontal Lists:
Nested Lists:
Responsive Styles:
CSS TaBleS
CSS Display
CSS Max-width
CSS Position
CSS Z-index
CSS OVeRFlOw
CSS FlOat
CSS Inline-BlOCk
CSS Align
CSS COmBinatORS
CSS PSeuDO-ClaSS
CSS PSeuDO-element
CSS Opacity
CSS NaViGatiOn BaR
CSS DROPDOwnS
CSS Image GalleRy
CSS ImaGe SPRiteS
CSS AttR SeleCtORS
CSS FORmS
CSS COunteRS
CSS WeBSite LaYOut
CSS Units
CSS Specificity
CSS !imPORtant
Live COding ExamPle:
CSS Math FunctiOns
CSS ROunDeD CORneRS
CSS BORDeR ImaGeS
CSS BaCkGROunDS
CSS COlORS
CSS COlOR KeYwORDS
CSS GRaDientS
CSS Text EffectS
CSS WeB FontS
CSS 2D TRanSFORmS
CSS 3D TRanSFORmS
CSS TRanSitiOnS
CSS Animation
CSS TooltiPS
CSS Style Images
CSS Image RefleCtion