CSS Errors क्या हैं?
CSS Errors वे गलतियाँ होती हैं जो CSS Code लिखते समय हो जाती हैं। इन गलतियों के कारण CSS सही तरीके से काम नहीं करती या Web Page का डिज़ाइन सही दिखाई नहीं देता।
Definition:
CSS Errors ऐसी गलतियाँ हैं जो CSS के Syntax, Property, Value या Selector में होने के कारण Style Apply नहीं होने देतीं।
CSS Errors के प्रकार (Types of CSS Errors)
1. Syntax Error (सिंटैक्स त्रुटि)
जब CSS का नियम (Syntax) गलत लिखा जाता है।
गलत उदाहरण
h1{
color: red
font-size:30px;
}
❌ color: red के बाद ; नहीं लगाया गया है।
सही उदाहरण
h1{
color: red;
font-size:30px;
}
2. Missing Curly Braces {}
यदि Opening { या Closing } नहीं लगाई जाती।
गलत
h1
color:blue;
सही
h1{
color:blue;
}
3. Wrong Property Name
गलत Property लिखना।
गलत
h1{
colours:red;
}
सही
h1{
color:red;
}
4. Wrong Property Value
Property सही है लेकिन Value गलत है।
गलत
h1{
color:12345;
}
सही
h1{
color:red;
}
5. Wrong Selector
Selector गलत लिखने से Style Apply नहीं होती।
गलत
.heading{
color:red;
}
लेकिन HTML में
Welcome
Style Apply नहीं होगी क्योंकि Class नहीं दी गई।
सही
Welcome
6. Missing Colon :
गलत
h1{
color red;
}
सही
h1{
color:red;
}
7. Missing Semicolon ;
गलत
h1{
color:red
font-size:25px;
}
सही
h1{
color:red;
font-size:25px;
}
8. Typing Mistakes
गलत
background-colour:yellow;
सही
background-color:yellow;
CSS Errors से कैसे बचें?
- सभी Property सही लिखें।
- Colon (
:) और Semicolon (;) लगाना न भूलें। - Curly Braces
{}सही रखें। - Property Values सही लिखें।
- Browser Developer Tools (Inspect) का उपयोग करें।
- Code को Save करके बार-बार Check करें।
Practical Example
HTML File
Welcome to UICT
Today we are learning CSS Errors.
Practical 1 – Syntax Error
गलत Code
h1{
color:red
font-size:30px;
}
सही Code
h1{
color:red;
font-size:30px;
}
Practical 2 – Wrong Property
गलत
h1{
colorr:red;
}
सही
h1{
color:red;
}
Practical 3 – Missing Curly Braces
गलत
p
color:green;
सही
p{
color:green;
}
Practical 4 – Wrong Value
गलत
body{
background-color:12345;
}
सही
body{
background-color:lightblue;
}
Viva Questions
Q1. CSS Error क्या है?
Ans: CSS Code में होने वाली गलतियाँ CSS Error कहलाती हैं।
Q2. सबसे सामान्य CSS Error कौन-सी है?
Ans: Missing Semicolon (;) और Missing Colon (:)
Q3. CSS में Property और Value के बीच क्या लगता है?
Ans: Colon (:)
Q4. CSS Rule के अंत में क्या लगाया जाता है?
Ans: Semicolon (;)
Q5. CSS Block किसके अंदर लिखा जाता है?
Ans: Curly Braces {}
Final Assignment
Assignment 1
नीचे दिए गए Code में Errors ढूँढकर सही करें।
h1{
color blue
font-size:30px
}
Assignment 2
एक HTML Page बनाइए जिसमें—
- Heading
- Paragraph
- Background Color
- Border
- Font Size
दिए जाएँ और जानबूझकर 5 CSS Errors लिखकर उन्हें स्वयं ठीक करें।
Assignment 3 (Mini Project)
Student Profile Page बनाइए।
उसमें निम्न CSS का प्रयोग करें—
- Background Color
- Heading Color
- Font Size
- Border
- Margin
- Padding
- Text Align
फिर जानबूझकर निम्न Errors करें और उन्हें सुधारें—
- Missing
; - Missing
: - Wrong Property
- Wrong Value
- Missing
}
Home Assignment
- CSS Error क्या है?
- CSS Errors कितने प्रकार की होती हैं?
- Syntax Error क्या है?
- Missing Semicolon का उदाहरण लिखिए।
- Missing Colon का उदाहरण लिखिए।
- Wrong Property का उदाहरण लिखिए।
- Wrong Value का उदाहरण लिखिए।
- CSS Errors से कैसे बच सकते हैं?
- Browser Developer Tools का क्या उपयोग है?
- एक Web Page बनाकर उसमें 5 Errors खोजकर सुधारिए।
निष्कर्ष (Conclusion)
CSS Errors को समझना हर Web Designer और Front-End Developer के लिए आवश्यक है। यदि Syntax, Property, Value और Selector सही लिखे जाएँ, तो CSS बिना किसी समस्या के कार्य करती है। इसलिए Code लिखने के बाद हमेशा उसे ध्यानपूर्वक जाँचें और Errors को सुधारें।