From 0c516079420a9cdd37b1790c63b6dcaa2ca3f18c Mon Sep 17 00:00:00 2001 From: Harshit Sachdev Date: Wed, 17 Dec 2025 16:18:55 +0530 Subject: [PATCH] Week 1 Day 3: CSS Introduction --- Week-1/Day-3/Readme.md | 25 ++++++++++++++++++++ Week-1/Day-3/css-styling-basics.md | 37 ++++++++++++++++++++++++++++++ Week-1/Day-3/example.css | 13 +++++++++++ Week-1/Day-3/index.html | 11 +++++++++ 4 files changed, 86 insertions(+) create mode 100644 Week-1/Day-3/Readme.md create mode 100644 Week-1/Day-3/css-styling-basics.md create mode 100644 Week-1/Day-3/example.css create mode 100644 Week-1/Day-3/index.html diff --git a/Week-1/Day-3/Readme.md b/Week-1/Day-3/Readme.md new file mode 100644 index 0000000..8c8150a --- /dev/null +++ b/Week-1/Day-3/Readme.md @@ -0,0 +1,25 @@ +# Day 3 – CSS Styling Basics + +## 📅 Date +17 December 2025 + +## 🎯 Objective +To learn the fundamentals of CSS and how to style HTML content. + +## 📘 Topics Covered +- What CSS is +- How CSS works +- CSS syntax (selectors and declarations) +- Common style properties +- Ways to apply CSS (inline, internal, external) + +## 🛠️ Files Included +- `css-styling-basics.md` – Notes explaining CSS basics +- `example.css` – Practice CSS file demonstrating styling +- `index.html` – HTML file linked with CSS + +## 🧠 Learning Outcome +I learned how to style HTML elements using CSS by writing basic selectors and properties to control text color, layout, and appearance. + +## 🚀 Status +Completed \ No newline at end of file diff --git a/Week-1/Day-3/css-styling-basics.md b/Week-1/Day-3/css-styling-basics.md new file mode 100644 index 0000000..37e01e2 --- /dev/null +++ b/Week-1/Day-3/css-styling-basics.md @@ -0,0 +1,37 @@ +# CSS Styling Basics + +## Introduction +CSS stands for Cascading Style Sheets. +It is used to style and layout web pages — for example, to change font sizes, colors, spacing, and the general look of HTML content. + +## What is CSS? +- CSS is a style sheet language used alongside HTML. +- It separates content (HTML) from presentation (CSS). + +## Why Use CSS? +- Makes webpages visually attractive. +- Helps control layout and design across many pages. +- Keeps HTML clean and focused only on structure. + +## CSS Syntax +A CSS rule has two parts: +- Selector: chooses the HTML element(s) to style +- Declaration block: contains style properties and values. + +## How CSS is Applied +CSS can be added in 3 ways: +Inline – inside an HTML tag +Internal – inside