Css

 What is CSS?

CSS stands for Cascading Style Sheets.

It is used to style and design web pages.

If HTML is the structure (like walls of a house 🏠),

then CSS is the design (color, paint, decoration).

🔹 Why do we use CSS?

CSS is used to:

Add colors

Change fonts

Set backgrounds

Adjust spacing

Design layouts

Make websites look attractive ✨

🔹 Simple Example

HTML

Copy code

<!DOCTYPE html>

<html>

<head>

<style>

  h1 {

    color: blue;

    text-align: center;

  }

</style>

</head>

<body>


<h1>Hello World</h1>


</body>

</html>

👉 In this example:

h1 text becomes blue

Text is center aligned

🔹 Types of CSS

Inline CSS

Inside the HTML tag

HTML

Copy code

<h1 style="color:red;">Hello</h1>

Internal CSS

Inside <style> tag in <head>

External CSS (Best method)

Separate .css file

HTML

Copy code

<link rel="stylesheet" href="style.css">

🔹 Basic CSS Syntax

CSS

Copy code

selector {

   property: value;

}

Example:

CSS

Copy code

p {

   color: green;

   font-size: 20px;

}

p → selector

color → property

green → value


Comments

Post a Comment

Popular posts from this blog

Jalebi recpie

 🧡 Jalebi Recipe (Crispy & Juicy) Jalebi is a popular Indian sweet — crispy outside, juicy inside 😍 --- 📝 Ingredients For Batter: 1 cup maida (all-purpose flour) 2 tbsp cornflour ½ cup curd ½ tsp baking soda Water (as needed) For Sugar Syrup: 1 cup sugar ½ cup water 2–3 cardamom pods Few saffron strands (optional) 1 tsp lemon juice For Frying: Oil or ghee --- 👩‍🍳 Preparation 1️⃣ Prepare Batter Mix maida + cornflour + curd. Add water slowly and make smooth thick batter. Add baking soda and mix. Cover and rest for 8–10 hours (for fermentation). --- 2️⃣ Make Sugar Syrup Boil sugar + water. Add cardamom + saffron. Add lemon juice (prevents crystallization). Cook till 1-string consistency (slightly sticky). Keep syrup warm. --- 3️⃣ Fry Jalebi Heat oil on medium flame. Fill batter in piping bag or plastic cover (small hole). Squeeze in spiral shape into oil. Fry till golden and crispy. --- 4️⃣ Dip in Syrup Immediately put hot jalebis in warm sugar syrup. Soak for 1–2 minutes. Re...
Read more

DS Algorithm

 Data Structures & Algorithms (DSA) DSA means Data Structures and Algorithms. It is used to store data efficiently and solve problems step-by-step in programming. Think like this: 🗂️ Data Structure → How you store data 🧠 Algorithm → How you solve the problem --- 🔹 What is a Data Structure? A way to organize data so it can be used easily. Types of Data Structures 1️⃣ Linear Data Structures Data stored in a sequence. Array Linked List Stack Queue 2️⃣ Non-Linear Data Structures Data stored in hierarchical form. Tree Graph --- 🔹 Important Data Structures 📌 Array Stores elements in continuous memory. Example: [10, 20, 30, 40] 📌 Stack (LIFO) Last In First Out Example: Plates stack 🍽️ Push → Add Pop → Remove 📌 Queue (FIFO) First In First Out Example: Line at billing counter 🧾 📌 Linked List Elements connected using pointers. --- 🔹 What is an Algorithm? An algorithm is a step-by-step method to solve a problem. Example: Find largest number in array Steps: 1. Assume first numbe...
Read more

Bandi Madhurima

 RESUME: Bandi Madhurima 📞 9676560589 📧 bandimadhurima26@gmail.com 📍 Hyderabad, India Career Objective Motivated and dedicated B.Tech student seeking an opportunity to utilize my technical and communication skills while gaining practical experience in a professional environment. Education Bachelor of Technology (B.Tech) – Sri Indu College of Engineering and Technology  (3rd Year) Intermediate (12th Class) Ideal Junior college  SSC (10th Class) Vidya Pragati High School  Skills Basic Programming Knowledge HTML & CSS Basics MS Word & PowerPoint Communication Skills Problem Solving Project Medicine Reminder Application Developed a simple application that reminds users to take medicines on time. Helps improve health management using technology. Experience Provided home tuition for school students. Languages Telugu English Hobbies Listening to music Traveling Learning new things Declaration I hereby declare that the above information is true and correct to the ...
Read more