Lecture_5_Introduction to CSS & Basic Styling

Objective: Understand the fundamentals of CSS and learn basic styling techniques.

• Duration: 80 minutes

• Topics Covered:

  1. What is CSS?

     • Definition and importance of CSS in web development.

     • Separation of HTML structure from CSS styling.

  2. Three Ways to Insert CSS

     • Inline CSS, Internal CSS, External CSS.

     • Pros and cons of each method.

  3. CSS Syntax

     • Understanding selectors, properties, and values.

     • Basic syntax: selector { property: value; }

  4. Basic Selectors

     • Type, ID, and Class selectors.

  5. CSS Colors

     • Color formats: Predefined colors, RGB, HEX, HSL.

• Student Activity:

  • Create a simple HTML page and apply CSS styling using both inline, internal, and external methods. Change text color and background color using different color formats.

• Homework/Practice:

  • Style an HTML page by applying CSS to headings, paragraphs, and a list. Use both ID and class selectors.