background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

डाउनलोड "CSS Full Course - Includes Flexbox and CSS Grid Tutorials"

input logo icon
ऑडियो का कवर
कृपया प्रतीक्षा करें।  हम आसान विज्ञापन-मुक्त वीडियो देखने और डाउनलोड करने के लिए लिंक तैयार कर रहे हैं।
console placeholder icon
विषयसूची
|

विषयसूची

0:00
Intro
1:25
Use Inline Styles to Change the Color of Text
2:33
Use CSS Selectors to Style Elements
4:33
Use a CSS Class to Style an Element
6:10
Style Multiple Elements with a CSS Class
6:59
Change the Font Size of an Element
8:10
Set the Font Family of an Element
8:52
Import a Google Font
10:11
Specify How Fonts Should Degrade
11:55
Size Your Images
13:19
Add Borders Around Your Elements
14:55
Add Rounded Corners with border-radius
15:24
Make Circular Images with a border-radius
15:45
Give a Background Color to a div Element
16:58
Set the id of an Element
19:34
Adjust the Padding of an Element
20:36
Adjust the Margin of an Element
21:11
Add a Negative Margin to an Element
21:40
Add Different Padding to Each Side of an Element
23:01
Use Clockwise Notation to Specify the Padding of an Element
24:15
Use Clockwise Notation to Specify the Margin of an Element
28:53
Style the HTML Body Element
29:34
Inherit Styles from the Body Element
30:54
Prioritize One Style Over Another
32:11
Override Styles in Subsequent CSS
33:24
Override Class Declarations by Styling ID Attributes
34:59
Override Class Declarations with Inline Styles
35:35
Override All Other Styles by using Important
36:28
Use Hex Code for Specific Colors
37:19
Use Hex Code to Mix Colors
38:20
Use Abbreviated Hex Code
39:22
Use RGB values to Color Elements
40:05
Use RGB to Mix Colors
41:38
Use CSS Variables to change several elements at once
42:54
Create a custom CSS Variable
43:33
Attach a Fallback value to a CSS Variable
44:39
Improve Compatibility with Browser Fallbacks
45:25
Cascading CSS variables
46:44
Change a variable for a specific area
47:08
Use a media query to change a variable
48:06
Create Your First CSS Grid
49:43
Add Rows with grid-template-rows
50:41
Use CSS Grid units to Change the Size of Columns and Rows
52:33
Create a Column Gap Using grid-column-gap
53:11
Create a Row Gap using grid-row-gap
53:38
Add Gaps Faster with grid-gap
54:26
Use grid-column to Control Spacing
55:59
Use grid-row to Control Spacing
58:04
Align All Items Horizontally using justify-items
58:31
Align All Items Vertically using align-items
58:58
Divide the Grid Into an Area Template
वीडियो टैग
|

वीडियो टैग

css
css course for beginners
css3
css tutorial
css for beginners
html css
css beginners
css course
cascading style sheets
css crash course
css tutorial for beginners
आपके पास पहले से ही UDL Helper इंस्टॉल है आप 1 क्लिक में वीडियो डाउनलोड कर सकते हैं!

विवरण:

Learn CSS in this complete tutorial course. Cascading Style Sheets (CSS) tell the browser how to display the text and other content that you write in HTML. This course will teach you everything you need to know to get started with CSS3, including flexbox and CSS grid. ⭐️Course Contents ⭐️ See pinned first comment for course contents. ⭐️Curriculum ⭐️ This course goes along with the CSS curriculum at www.freecodecamp.org. 🔗Basic CSS: https://learn.freecodecamp.org/responsive-web-design/basic-css 🔗CSS Flexbox: https://learn.freecodecamp.org/responsive-web-design/css-flexbox 🔗CSS Grid: https://learn.freecodecamp.org/responsive-web-design/css-grid Additional CSS tutorials on freecodecamp.org not covered in this video: 🔗Applied Visual Design: https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/ 🔗Applied Accessibility: https://learn.freecodecamp.org/responsive-web-design/applied-accessibility/ 🔗Responsive Web Design: https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-principles/ ⭐️Code ⭐️ These videos were recorded on scrimba.com. You can access the scrimba.com version of the videos, which gives access to the full code and allows live code editing. 🔗Basic CSS: https://scrimba.com/playlist/pPK9Cq 🔗CSS Grid: https://scrimba.com/playlist/pByETK 🔗CSS Flexbox: https://scrimba.com/playlist/pVaDAv ⭐️Learn More ⭐️ 🔗CSS Projects: https://www.youtube.com/watch?v=pmKyG3NBY_k&list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU 🔗HTML full course video: https://youtu.be/pQN-pnXPaVg 🔗HTML curriculum on freeCodeCamp.org: https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5 🔗Javascript full course video: https://youtu.be/PkZNo7MFNFg 🐦Follow course creator Beau Carnes on Twitter: https://twitter.com/beaucarnes -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org

डाउनलोड विकल्प तैयार किया जा रहा है

popular icon
लोकप्रिय
hd icon
HD वीडियो
audio icon
केवल ध्वनि
total icon
सभी
* —यदि वीडियो एक नए टैब में चल रहा है, तो उस पर जाएं, फिर वीडियो पर राइट-क्लिक करें और "वीडियो को इस रूप में सहेजें..." चुनें
** — विशिष्ट खिलाड़ियों में ऑनलाइन प्लेबैक के लिए लिंक

विडियो डाउनलोड करने के बारे में सवाल

mobile menu iconमैं "CSS Full Course - Includes Flexbox and CSS Grid Tutorials" वीडियो कैसे डाउनलोड कर सकता हूँ?mobile menu icon

  • वेबसाइट http://unidownloader.com/ बिना किसी प्रोग्राम या एक्सटेंशन को इंस्टॉल किए वीडियो या सिर्फ ऑडियो ट्रैक डाउनलोड करने का सबसे अच्छा तरीका है।

  • यदि आप सीधे YouTube, Instagram और OK.ru जैसी साइटों से वीडियो डाउनलोड करना चाहते हैं, तो UDL Helper एक्सटेंशन एक आसान बटन है जो इन साइटों में एकीकृत रूप से जुड़ा होता है।

  • UDL क्लाइंट प्रोग्राम (विंडोज के लिए) सबसे शक्तिशाली समाधान है जो 900 से अधिक वेबसाइटों, सोशल नेटवर्क और वीडियो होस्टिंग साइटों के साथ-साथ स्रोत में उपलब्ध किसी भी वीडियो गुणवत्ता का समर्थन करता है।

  • UDL Lite आपके मोबाइल डिवाइस से वेबसाइट तक पहुंचने का एक बहुत ही सुविधाजनक तरीका है। इसकी मदद से आप आसानी से सीधे अपने स्मार्टफोन पर वीडियो डाउनलोड कर सकते हैं।

mobile menu icon"CSS Full Course - Includes Flexbox and CSS Grid Tutorials" वीडियो के लिए कौन सा फॉर्मेट चुनना चाहिए?mobile menu icon

  • सबसे अच्छी गुणवत्ता वाले फॉर्मेट FullHD (1080p), 2K (1440p), 4K (2160p) और 8K (4320p) हैं। आपकी स्क्रीन का रेजल्यूशन जितना ज्यादा होगा, वीडियो की गुणवत्ता उतनी ही बेहतर होनी चाहिए। हालांकि, चुनने से पहले कुछ अन्य कारकों पर भी विचार करना चाहिए: डाउनलोड स्पीड, खाली जगह और प्लेबैक के दौरान डिवाइस की परफॉर्मेंस।

mobile menu icon"CSS Full Course - Includes Flexbox and CSS Grid Tutorials" वीडियो लोड करते समय मेरा कंप्यूटर फ्रीज क्यों हो जाता है?mobile menu icon

  • ब्राउज़र या कंप्यूटर को पूरी तरह से फ्रीज नहीं होना चाहिए! यदि ऐसा होता है, तो कृपया वीडियो के लिंक के साथ इसकी सूचना दें। कभी-कभी वीडियो को सीधे उपयुक्त फॉर्मेट में डाउनलोड नहीं किया जा सकता है, इसलिए हमने फाइल को वांछित फॉर्मेट में कनवर्ट करने की क्षमता को शामिल किया है। कुछ मामलों में, यह प्रक्रिया सक्रिय रूप से कंप्यूटर संसाधनों का उपयोग कर सकती है।

mobile menu icon"CSS Full Course - Includes Flexbox and CSS Grid Tutorials" वीडियो को अपने फोन में कैसे डाउनलोड करें?mobile menu icon

  • आप वेबसाइट या PWA एप्लिकेशन UDL Lite का उपयोग करके अपने स्मार्टफोन पर वीडियो डाउनलोड कर सकते हैं। UDL Helper एक्सटेंशन का उपयोग करके QR कोड के माध्यम से डाउनलोड लिंक भेजना भी संभव है।

mobile menu icon"CSS Full Course - Includes Flexbox and CSS Grid Tutorials" से MP3 में ऑडियो ट्रैक (संगीत) कैसे डाउनलोड करें?mobile menu icon

  • सबसे सुविधाजनक तरीका UDL Client प्रोग्राम का उपयोग करना है, जो वीडियो को MP3 फॉर्मेट में बदलने का समर्थन करता है। कुछ मामलों में, UDL Helper एक्सटेंशन के माध्यम से भी MP3 डाउनलोड किया जा सकता है।

mobile menu icon"CSS Full Course - Includes Flexbox and CSS Grid Tutorials" वीडियो से फ्रेम कैसे सेव करें?mobile menu icon

  • यह सुविधा UDL Helper एक्सटेंशन में उपलब्ध है। सुनिश्चित करें कि सेटिंग्स में "वीडियो स्नैपशॉट बटन दिखाएं" चेक किया गया है। ऐसा करने पर, प्लेयर के निचले दाएं कोने में "सेटिंग्स" आइकॉन के बाईं ओर एक कैमरा आइकॉन दिखाई देना चाहिए। जब आप उस पर क्लिक करते हैं, तो वीडियो का वर्तमान फ्रेम आपके कंप्यूटर पर JPEG फॉर्मेट में सहेजा जाएगा।

mobile menu iconइस सारे सामान की कीमत क्या है?mobile menu icon

  • इसमें कुछ भी खर्च नहीं होता। हमारी सेवाएँ सभी उपयोगकर्ताओं के लिए बिल्कुल निःशुल्क हैं। यहां कोई PRO सदस्यता नहीं है, डाउनलोड किए गए वीडियो की संख्या या अधिकतम लंबाई पर कोई प्रतिबंध नहीं है।