Learn CSS3 (M)

Learn CSS3 (M)


18% GST Extra

Please login to purchase the course.

Slides in English

Explanation in Hindi + English

SKU: cid_85485 Category:

Prutor collaborated with EICT IIT Kanpur to create online and live courses.

About the course

इस कोर्स में CSS (Cascading Style Sheets) के सभी आवश्यक विवरण शामिल हैं। इस कोर्स में, आप style sheets का उपयोग करके एक web page में विभिन्न styles को implement करना सीखेंगे। आपको अपनी main style file में style sheets import करने, elements का selection करने के तरीके के बारे में पूरी जानकारी मिल जाएगी। इसके बाद, आप Padding, Margin, Border, Absolute Positioning, Fixed Positioning, Relative Positioning, Float, Clip, Overflow, HTML5 Layouts, Alignment और Lists के बारे में जानेंगे। उसके बाद, आप Pseudo Classes, Counter Increment, Cursors, Outline और Buttons के बारे में जानेंगे। फिर आप Slide Show, Text Decoration, Whitespace, Tables, Shadows, RGB, HSL के बारे में जानेंगे। इसके अलावा, आप Border Radius, Gradient, Scale, Rotate और Skew के बारे में जानेंगे। अंत में, आप Translate, Transitions, Animations और FlexBox के बारे में भी जानेंगे।

Learning Outcomes

इस कोर्स को पूरा करने के बाद, आप

  • आकर्षक web pages बना पाएंगे
  • CSS3 सीखकर अपने designing concepts को बेहतर कर पाएंगे
  • Designs बना पाएंगे और उसके साथ प्रयोग कर सकेंगे
  • Innovative और independent learning के माध्यम से अपनी hireability को बढ़ा पाएंगे
  • कोर्स के सफलतापूर्वक पूरा होने पर certificate प्राप्त कर सकेंगे
Target Audience

The course can be taken by:

Students: All students who are pursuing any technical/professional courses related to computer science / Information Technology.

Teachers/Faculties: All computer science teachers/faculties who wish to acquire new skills.

Professionals: All web development professionals, who wish to go upgrade their skills.

Why learn CSS3?

CSS का अर्थ है Cascading Style Sheets। यह coding language है जो किसी website को उसका look और layout देती है। HTML के साथ, CSS web design की मुख्य घटक है। इसके बिना, websites अभी भी white backgrounds पर plain text होंगी। CSS आपको उन sites को बनाने का अवसर देती है जो extensive coding के बिना एक page से दूसरे page पर बहुत अलग दिखती हैं। उदाहरण के लिए, कई sites अब site के अलग-अलग sections में color variations करती हैं। Page IDs का उपयोग करके, आप प्रत्येक section के लिए CSS को बदल सकते हैं और प्रत्येक section के लिए एक ही HTML structure का उपयोग कर सकते हैं। केवल एक चीज जो बदलती है वह है content और CSS।

बहुत सारे Web designers हैं जो आपकी website या आपके लिए आपकी CSS का निर्माण करेंगे। लेकिन अपनी website या blog को maintain रखने के लिए किसी और को भुगतान करना महंगा पड़ सकता है, भले ही आपके पास केवल उनके द्वारा बनाए गए designs हों और आप content वही रखें। CSS को कैसे modify किया जाए, यह जानने के बाद जब आपको छोटी समस्याएं मिलेंगी तो आप खुद ही ठीक कर सकते हैं। जैसे-जैसे आप अभ्यास करते हैं, आप बड़ी और बड़ी समस्याओं को ठीक करने में सक्षम होंगे। The U.S. Bureau of Labor Statistics (BLS) के अनुसार, 2014-2024 से CSS programmers और designers के लिए नौकरी के अवसरों में 8% की वृद्धि होने की उम्मीद है। इसलिए करियर की संभावनाएं भी अच्छी हैं। इस प्रकार CSS3 सीखना महत्वपूर्ण हो सकता है।

Course Features

24X7 Access: You can view lectures at your own convenience.

Online lectures: ~90 minutes of online lecture with high-quality video.

Updated Quality content: Content is the latest and gets updated regularly to meet the current industry demands.

Test & Evaluation

1. During the program, the participants will have to take all the assignments given to them for better learning.

2. At the end of the program, a final assessment will be conducted.


1. All successful participants will be provided with a certificate of completion.

2. Students who do not complete the course / leave it midway will not be awarded any certificate.

No prerequisites

Topics to be covered
  • Import
  • Selecting Elements
  • Padding, Margin, Border
  • Absolute Positioning
  • Fixed Positioning
  • Relative Positioning
  • Float
  • Clip
  • Overflow
  • HTML5 Layouts
  • Alignment
  • Lists
  • Pseudo Classes
  • Counter Increment
  • Cursors
  • Outline
  • Buttons
  • Slide Show
  • Text Decoration
  • Whitespace
  • Tables
  • Shadows
  • RGB
  • HSL
  • Border Radius
  • Gradient
  • Scale
  • Rotate
  • Skew
  • Translate
  • Transitions
  • Animations
  • Flex Box

', { 'anonymize_ip': true });