YoVDO

CSS Tutorial in Hindi

Offered By: YouTube

Tags

HTML & CSS Courses Computer Science Courses Web Design Courses Visual Design Courses Responsive Design Courses

Course Description

Overview

Embark on a comprehensive 7-hour CSS tutorial designed for absolute beginners, delivered entirely in Hindi. Learn the fundamentals of Cascading Style Sheets through simple examples, starting with an introduction to CSS and progressing through topics such as selectors, colors, backgrounds, borders, margins, padding, fonts, and advanced layout techniques. Master essential concepts like the CSS box model, positioning, display properties, and pseudo-classes. Explore practical applications by styling HTML elements, creating navigation bars, and implementing dropdown menus. Gain hands-on experience with web forms and modern layout techniques using Flexbox. By the end of this tutorial, you'll have a solid foundation in CSS, enabling you to create visually appealing and responsive web designs.

Syllabus

CSS Tutorial for beginners in Hindi #1 | Introduction to Cascading Style Sheet.
CSS Tutorial for beginners in Hindi # 2 | Creating first CSS file and linking to HTML.
CSS Tutorial for beginners in Hindi #3 | CSS Syntax.
CSS Tutorial for beginners in Hindi #4 | 3 ways to apply style to HTML document..
CSS Tutorial for beginners in Hindi #5 | ID, Element, Universal Selector in CSS.
CSS Tutorial for beginners in Hindi #6 | Class and Grouping Selector in CSS.
CSS Tutorial for beginners in Hindi #7 | Adding Comments in CSS and HTML files..
CSS Tutorial for beginners in Hindi #8 (Part 1) | Methods to define Color in CSS.
CSS Tutorial for beginners in Hindi #9 (Part 2)| Methods to define Color in CSS.
CSS Tutorial for beginners in Hindi #10 | CSS Background properties - Color, Repeat, Image.
CSS Tutorial for beginners in Hindi # 11 | CSS Background Repeat - Initial, Inherit, Space, Round.
CSS Tutorial for beginners in Hindi # 12 | CSS Background Image - URL, Radial and Linear Gradient.
CSS Tutorial for beginners in Hindi # 13 | CSS Background Position- Left, Right, Top, Bottom, Center.
CSS Tutorial for beginners in Hindi # 14 | Background Size Property - Cover, Contain, Percentage.
CSS Tutorial for beginners in Hindi # 15 | Background Attachment - Scroll, Fixed. Overflow.
CSS Tutorial for beginners in Hindi # 16 | Background Origin - Padding Box, Content Box, Border Box.
CSS Tutorial for beginners in Hindi # 17 | Background Clip - Padding Box, Content Box, Border Box.
CSS Tutorial for beginners in Hindi #18| Border- Solid, Dotted, Dashed, Groove, Ridge, Inset, Outset.
CSS Tutorial for beginners in Hindi #19| Border Width. Color, Radius, Style properties.
CSS Tutorial for beginners in Hindi #20| Margin - Top, Right, Bottom, Left & Margin Shorthand.
CSS Tutorial for beginners in Hindi #21| Padding - Top, Right, Bottom, Left & Padding Shorthand.
CSS Tutorial for beginners in Hindi #22| Height, Width, Min Height, Max Height.
CSS Tutorial for beginners in Hindi #23| CSS Box Model - Margin + Border + Padding + Content.
CSS Tutorial for beginners in Hindi #24| Outline Color, Width, Style, Offset Properties..
CSS Tutorial for beginners in Hindi #25| Text Color & Alignment Properties..
CSS Tutorial for beginners in Hindi #26| Text Spacing & Decoration Properties..
CSS Tutorial for beginners in Hindi #27| Text Shadow & Transformation Properties..
CSS Tutorial for beginners in Hindi #28| Font Properties - Font Family..
CSS Tutorial for beginners in Hindi #29| Web Safe and Fallback Fonts..
CSS Tutorial for beginners in Hindi #30| Font Style, Weight and Variant.
CSS Tutorial for beginners in Hindi #31| Font Size - Pixel, %, Em and Vw.
CSS Tutorial for beginners in Hindi #32| Font Size (Part 2) - Pixel, %, Em and Vw.
CSS Tutorial for beginners in Hindi #33| How to apply Google Font in CSS?.
CSS Tutorial for beginners in Hindi #34| Font Properties Shorthand.
CSS Tutorial for beginners in Hindi #35| How to add Icons to your website?.
CSS Tutorial for beginners in Hindi #36| How to style HTML Link using CSS properties..
CSS Tutorial for beginners in Hindi #37| How to style HTML List using CSS properties..
CSS Tutorial for beginners in Hindi #38 | Part 2 - How to style HTML List using CSS properties?.
CSS Tutorial for beginners in Hindi #39 | How to style HTML Table using CSS properties?.
CSS Tutorial for beginners in Hindi #40 | CSS Display properties - Block and Inline.
CSS Tutorial for beginners in Hindi #41 | CSS Position properties - Static, Relative, Absolute.
CSS Tutorial for beginners in Hindi #42 | Part 2 - Position properties - Fixed and Sticky.
CSS Tutorial for beginners in Hindi #43 | CSS Overflow Properties - Visible, Scroll, Auto, Hidden.
CSS Tutorial for beginners in Hindi #44 | CSS Float Property.
CSS Tutorial for beginners in Hindi #45 | CSS Display Inline Block Property.
CSS Tutorial for beginners in Hindi #46 | CSS Alignments Methods.
CSS Tutorial for beginners in Hindi #47 | CSS Alignments Methods Part 2.
CSS Tutorial for beginners in Hindi #48 | CSS Opacity or Transparency.
CSS Tutorial for beginners in Hindi #49 | CSS Navigation Bar.
CSS Tutorial for beginners in Hindi #50 | CSS Custom Cursors.
CSS Tutorial for beginners in Hindi #51 | Dropdown Menu in CSS.
CSS Tutorial for beginners in Hindi #52 | Part -2 Dropdown Menu in CSS.
CSS Tutorial for beginners in Hindi #53 | CSS Combinators.
CSS Tutorial for beginners in Hindi #54 | CSS Pseudo Classes.
CSS Tutorial for beginners in Hindi #55|Pseudo Elements- Before, After, Selection, First line/Letter.
CSS Tutorial for beginners in Hindi #56 | Implement and Style Webform using HTML and CSS.
CSS Tutorial for beginners in Hindi #57 | Navigation Bar using Display- Flex, without using Float..


Taught by

Code Step By Step

Related Courses

Make Your Own App
Technische Universität München (Technical University of Munich) via edX
Build a Full Website using WordPress
Coursera Project Network via Coursera
Build an e-portfolio using google sites
Coursera Project Network via Coursera
Build Responsive CSS3 Flexbox Holy Grail Layout
Coursera Project Network via Coursera
Build a Website Map with Jumpchart
Coursera Project Network via Coursera