CSS at TechnoPaat® – Master the Art of Web Styling

• What is CSS?
• Why use CSS?
• How To Use CSS Syntax.
• Types Of CSS Selectors.
  • CSS Element Selector
  • CSS Id Selector
  • CSS Class Selector
  • CSS Universal Selector
  • CSS Group Selector
• How to add CSS
  • Inline CSS
  • Internal CSS
  • External CSS
• Types of CSS Comments
  • single lines Comments.
  • multiple lines Comments.
• Types of CSS Editors.
  • Notepad
  • Notepad++
  • visual studio code.
  • sublime text.

• 1 RGB COLOR.
• 2 Hexadecimal color.
• 3 HSL (Hue, Saturation and Lightness) color.

• What Is CSS Background?
• CSS background property?
  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

• What is CSS Border?
• CSS Border Property.
  • CSS Border Style.
  • CSS border-radius property
  • CSS Border Width
  • CSS Border Color
  • CSS Border - Shorthand Property

• What is CSS Margin.
• CSS Margin Properties.
• CSS Margin Values
  • Auto.
  • Length (Px, Cm, Pt)
  • %
  • Inherit
• Margin - Shorthand Property.
• What is CSS Padding.
• CSS Padding Properties.
• CSS Padding Values
  • Length (Px, Cm, Pt)
  • %
• Padding-Shorthand Property.

• What is Box model?
• Box model properties
  • Content.
  • Border.
  • Margin.
  • Padding.

• What Is outline?
• Outline properties in CSS.
  • outline-style
  • outline-color
  • outline-width
  • outline-offset
  • outline Shorthand.

• What are text Properties?
• Types of Text Properties.
  • Text Color -Properties.
  • Text-align- Properties
  • text-align-last
  • CSS Text Decoration.
  • Text-indent Property.
  • Text-transform Property.
  • Text-shadow Property.
  • Letter-spacing Property.
  • Line-height Property.
  • Text direction Property
  • Word - spacing Property

• What Is Font property.
• Types of font properties.
  • CSS Font color.
  • CSS Font family.
  • CSS Font size.
  • CSS Font style
  • CSS Font variant.
  • CSS Font weight

CSS Link Property

• What are Link Properties.
• Types of Linke Properties.
  • Link.
  • Visited.
  • Hover.
  • Active.

• What is Display.
• Types of Display Property
  • Display-none
  • Display-inline
  • Display-block
  • Display-inline-block

• What is Cursors?
• Cursors Types.
  • Alias
  • All-scroll
  • Auto
  • Cell
  • Col-resize
  • Copy
  • Default
  • E-resize
  • EW-resize etc.

• What is Position Property.
• Type of position properties.
  • CSS Static Positioning.
  • CSS Fixed Positioning
  • CSS Relative Positioning
  • CSS Absolute Positioning

• What is Float property.
• Use Of Float property.
• Type of Float property.
  • Float-Right.
  • Float-Left.
  • Float-None.

• What are Pseudo-classes.
• Types of Pseudo-Classes.
  • a: active
  • : checked
  • : disabled
  • : empty
  • : enabled
  • : first-child
  • : first-of-type
  • : focus
  • : hover
  • : last-child
  • : last-of-type
  • : not etc.

• Transparent Image.
• Transparent Hover Effect.
• Transparent Box.

Form and shadow Effect property

• Form and text Shadow or Box Shadow

• What are CSS Animations?
• Animations Properties.
  • @keyframes Rule
  • Animation-name property.
  • Animation-duration property.
  • Animation-timing-function.
  • Animation-delay property.
  • animation-iteration-count property.
  • Animation-direction property.
  • Animation-fill-mode.

• What Is Flex in CSS.
• Flex Properties In CSS
  • Flex Container Elements.
  • Flex Item (Child) Elements.

• What Is Column In CSS?
• CSS Column Properties.
  • Column-count.
  • Column-Gap.
  • Column-Rule-Style.
  • Column-Rule-Width.
  • Column-Rule-Color.
  • Column-Rule.
  • Column-Span.
  • Column-Width.

• What are units
• Units Property in CSS.
• Absolute Lengths
  • Cm(centimeters)
  • Mm(millimeters)
  • In inches (1in = 96px = 2.54cm), etc.
• Relative Lengths
  • Em
  • Rem
  • VH & VW

• What is navigation bar?
• Type of navigation bar?
  • Horizontal navigation bar
  • Vertical navigation bar
  • Drop down navigation bar