{"id":6906,"date":"2022-02-21T07:00:00","date_gmt":"2022-02-21T01:30:00","guid":{"rendered":"https:\/\/selfimagination.in\/tips\/?p=6906"},"modified":"2022-09-22T18:19:05","modified_gmt":"2022-09-22T12:49:05","slug":"css-tutorial-in-hindi","status":"publish","type":"post","link":"https:\/\/selfimagination.in\/tips\/css-tutorial-in-hindi\/","title":{"rendered":"CSS in Hindi | CSS Learning | CSS Tutorial"},"content":{"rendered":"\n<p>CSS in Hindi, Learn CSS, CSS Short Notes, Step for Learn CSS, Type of CSS, External CSS In Hindi <\/p>\n\n\n\n<p>\u0907\u0938 Article \u092e\u0947 CSS Introduction \u0915\u0947 \u0938\u093e\u0925 \u0938\u093e\u0925, CSS \u0915\u093e \u0909\u092a\u092f\u094b\u0917, \u092c\u0947\u0928\u0947\u092b\u093f\u091f, Creator \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947 \u091c\u093e\u0928\u0915\u093e\u0930\u0940 , \u0924\u0925\u093e CSS \u0915\u094b Step by Step \u0915\u0948\u0938\u0947 \u0938\u093f\u0916 \u0938\u0915\u0924\u0947 \u0939\u0948, \u0906\u0926\u093f \u0938\u092d\u0940 Point \u0915\u094b \u0938\u092e\u091d\u093e\u092f\u093e \u0917\u092f\u093e \u0939\u0948\u0902 \u0964   <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"css-\u0915-\u092f-\u0939-what-is-css\">CSS \u0915\u094d\u092f\u093e \u0939\u0948\u0902 ? What is CSS in Hindi?<\/h2>\n\n\n\n<p>CSS \u0915\u093e Full Form <strong>Cascaded Style Sheet<\/strong> \u0939\u0948\u0902 \u092f\u0939 \u090f\u0915 Stylesheet Language \u0939\u0948\u0902 , \u0907\u0938\u0915\u093e \u0909\u092a\u092f\u094b\u0917 HTML Document \u0915\u094b \u0914\u0930 \u092d\u0940 Attractive \u092c\u0928\u093e\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0902 \u0964 \u0924\u093e\u0915\u093f HTML Document \u0915\u094b Display \u0915\u0930\u0928\u093e \u092f\u0926\u093f Use Print \u0915\u0930\u0928\u093e \u0939\u094b \u0924\u094b \u0909\u0938\u0938\u0947 \u0938\u0902\u092c\u0902\u0927\u093f\u0924 \u0938\u092d\u0940 \u092a\u094d\u0930\u0915\u093e\u0930 \u0915\u0940 Coding CSS \u0915\u0947 \u0926\u094d\u0935\u093e\u0930\u093e \u0915\u0940 \u091c\u093e\u0924\u0940 \u0939\u0948\u0902 \u0964 \u0938\u092c\u0938\u0947 \u092c\u095c\u093e Benefit CSS \u0938\u0947 \u092f\u0939 \u0939\u094b\u0924\u093e \u0939\u0948\u0902 \u0915\u0940 \u0939\u092e \u0915\u094b\u0908 \u092d\u0940 \u090f\u0915 \u092c\u093e\u0930 Code \u0932\u093f\u0916\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b \u0935\u0939 \u0909\u0938\u0938\u0947 \u092e\u093f\u0932\u0924\u0947 \u091c\u0941\u0932\u0924\u0947 \u0938\u092d\u0940 Page \u092a\u0930 Apply \u0939\u094b \u091c\u093e\u0924\u093e \u0939\u0948\u0902 \u091c\u093f\u0938\u0938\u0947 \u0915\u0940 \u092c\u0939\u0941\u0924 \u0915\u0940 \u0915\u092e Coding \u092e\u0947 \u0939\u092e Design \u0915\u0930 \u092a\u093e\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"css-\u0915-\u0909\u092a\u092f-\u0917-\u0915-\u092f-\u0939-use-of-css\">CSS \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u094d\u092f\u093e \u0939\u0948\u0902 ? Use of CSS in Hindi?<\/h2>\n\n\n\n<p>CSS \u0915\u094b \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u0939\u092e \u0939\u092e\u093e\u0930\u0947 \u0926\u094d\u0935\u093e\u0930\u093e \u092c\u0928\u093e\u090f \u0917\u090f HTML Document \u0915\u094b \u0914\u0930 \u092d\u0940 \u0916\u0942\u092c\u0938\u0942\u0930\u0924 \u092c\u0928\u093e \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 , \u0938\u093e\u0925 \u092e\u0947 document \u092e\u0947 Similarity \u0930\u0939\u0924\u0940 \u0939\u0948\u0902 \u091c\u093f\u0938\u0938\u0947 \u0915\u0940 \u0926\u0947\u0916\u0928\u0947 \u0935\u093e\u0932\u0947 \u0915\u094b \u0939\u092e\u093e\u0930\u0947 \u0938\u092d\u0940 Pages \u090f\u0915 \u0939\u0940 Format \u092e\u0947 Set \u0926\u093f\u0916\u0924\u0947 \u0939\u0948\u0902 \u091c\u093f\u0938\u0938\u0947 \u0915\u0940 User \u0915\u093e \u0927\u094d\u092f\u093e\u0928 \u0906\u0915\u0930\u094d\u0937\u093f\u0924 \u0939\u094b\u0924\u093e \u0939\u0948\u0902 \u0964  <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"css-\u0938-\u0915-\u092f-\u092b-\u092f\u0926-\u0939-\u0924-\u0939-benefit-of-css\">CSS \u0938\u0947 \u0915\u094d\u092f\u093e \u092b\u093e\u092f\u0926\u0947 \u0939\u094b\u0924\u0947 \u0939\u0948\u0902 ? Benefit of CSS in Hindi<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>CSS \u0915\u0947 \u0909\u092a\u092f\u094b\u0917 \u0938\u0947 \u0938\u092e\u092f \u0915\u0940 \u092c\u091a\u0924 \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 \u0964 <\/li><li>\u090f\u0915 \u0939\u0940 Coding \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0939\u092e \u092c\u0939\u0941\u0924 \u0938\u0940 \u091c\u0917\u0939 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 <\/li><li>\u0915\u092e Coding \u0915\u0930\u0928\u093e \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 \u0964 <\/li><li>\u0938\u092e\u091d\u0928\u0947 \u092e\u0947 \u092c\u0939\u0941\u0924 \u0939\u0940 \u0906\u0938\u093e\u0928 \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 \u0964 <\/li><li>\u0915\u093f\u0938\u0940 \u092d\u0940 HTML \u092a\u0930 CSS Apply \u0915\u0930\u0928\u0947 \u0915\u0947 \u092c\u093e\u0926 \u0935\u0939 \u0914\u0930 \u092d\u0940 \u0938\u0941\u0902\u0926\u0930 \u0939\u094b \u091c\u093e\u0924\u0940 \u0939\u0948\u0902 \u0964 <\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"css-\u0915-\u0938\u0928-\u092c\u0928-\u0908-creator-of-css\">CSS \u0915\u093f\u0938\u0928\u0947 \u092c\u0928\u093e\u0908 ? Creator of CSS in Hindi?<\/h2>\n\n\n\n<p>CSS \u0915\u094b 1996 \u092e\u0947 World Wide Web Consortium \u092e\u0947 <strong>Tim Berners-Lee<\/strong> \u0914\u0930 <strong>H\u00e5kon Wium Lie<\/strong> \u0928\u0947 \u092e\u093f\u0932\u0915\u0930 \u092c\u0928\u093e\u0908 \u0939\u0948\u0902 \u0964  \u0905\u092d\u0940 \u091c\u092c \u092f\u0939 Article \u0932\u093f\u0916\u093e \u0917\u092f\u093e \u0939\u0948\u0902 \u091c\u092c \u0939\u092e CSS 3 \u092a\u0930 \u0915\u093e\u0930\u094d\u092f \u0915\u0930 \u0930\u0939\u0947 \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"html-\u092e-css-\u0915-\u0915-\u0938-link-\u0915\u0930\">HTML \u092e\u0947 CSS \u0915\u094b \u0915\u0948\u0938\u0947 Link \u0915\u0930\u0947 ? CSS Link with HTML<\/h2>\n\n\n\n<p>CSS \u0915\u094b \u0905\u0932\u0917 \u0938\u0947 Installation \u0915\u0930\u0928\u0947 \u0915\u0940 \u091c\u0930\u0942\u0930\u0924 \u0928\u0939\u0940\u0902 \u0939\u094b\u0924\u0940 \u0939\u0948\u0902, \u0939\u0930 browser \u092e\u0947 \u092a\u0939\u0932\u0947 \u0938\u0947 \u0939\u0940 Setup \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 \u0924\u093e\u0915\u093f \u0905\u092a\u0928\u0947 \u091c\u094b \u092d\u0940 Code \u0932\u093f\u0916\u093e \u0939\u094b \u0909\u0938\u0915\u0947 \u0905\u0928\u0941\u0938\u093e\u0930 \u0906\u092a\u0915\u094b Result Provide \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964  <\/p>\n\n\n\n<p><strong>\u0939\u092e 3 \u0924\u0930\u0939 \u0938\u0947 CSS \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0905\u092a\u0928\u0947 HTML Page \u092e\u0947 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 <\/strong>3 Types of CSS <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Inline CSS :<\/strong> \u091c\u093f\u0938 \u092d\u0940 Element \u092a\u0930 \u0939\u092e\u0915\u094b CSS \u0932\u093f\u0916\u0928\u093e \u0939\u0948\u0902 \u0909\u0938 \u092a\u0930 style =&#8221;&#8221; attribute \u092c\u0928\u093e \u0915\u0930 \u0939\u092e CSS \u0932\u093f\u0916 \u0938\u0915\u0924\u0947 \u0939\u0948 , \u092f\u0939 \u0915\u0947\u0935\u0932 \u091c\u093f\u0938 Element \u092a\u0930 \u0932\u093f\u0916\u0940 \u0939\u0948\u0902 \u0909\u0938\u0940 \u092a\u0930 Applicable \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 \u0914\u0930 \u0907\u0938\u0915\u0940 Priority \u0938\u092c\u0938\u0947 \u0905\u0927\u093f\u0915 \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 \u0964 <\/li><li><strong>Internal CSS :<\/strong> \u092f\u0939 \u0939\u092e\u093e\u0930\u0947 Web Page \u0915\u0947 Head Tag \u092e\u0947 &lt;style&gt; &#8230;. &lt;\/style&gt; element \u092e\u0947 \u0932\u093f\u0916\u0940 \u091c\u093e\u0924\u0940 \u0939\u0948\u0902, \u0907\u0938\u092e\u0947 \u0939\u092e \u090f\u0915 Code \u0915\u094b \u090f\u0915 \u0938\u0947 \u0905\u0927\u093f\u0915 Element \u092a\u0930 \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 \u0907\u0928\u0938\u0947 \u0938\u0902\u092c\u0902\u0927\u093f\u0924 Rules \u092a\u0930 \u0939\u092e \u0906\u0917\u0947 \u092c\u093e\u0924 \u0915\u0930\u0947\u0902\u0917\u0947 \u0964 Internal \u0915\u0940 Priority  Inline \u0915\u0940 \u0924\u0941\u0932\u0928\u093e \u092e\u0947 \u0915\u092e \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 \u092f\u093e\u0928\u093f \u0915\u0940 \u092f\u0926\u093f Inline \u0914\u0930 Internal \u0926\u094b\u0928\u094b\u0902 \u092a\u0930 \u0939\u0940 \u090f\u0915 \u0939\u0940 Element \u092a\u0930 \u0915\u094b\u0908 CSS \u0932\u093f\u0916\u0940 \u0939\u0948\u0902 \u0924\u094b \u0939\u092e\u0947 Inline \u0935\u093e\u0932\u0940 \u0939\u0940 Applicable \u0939\u094b \u0915\u0930 \u0926\u093f\u0916\u093e\u0908 \u0926\u0947\u0917\u0940 \u0964 <\/li><li><strong>External CSS :<\/strong> \u091c\u092c \u0939\u092e CSS Current Web Page \u092a\u0930 \u0928 \u0932\u093f\u0916 \u0915\u0930 \u0909\u0938\u0947 \u090f\u0915 \u0905\u0932\u0917 CSS File \u092c\u0928\u093e \u0915\u0930 \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902 \u0924\u094b \u0924\u094b \u0909\u0938\u0947 Web Page \u0915\u0947 Head Tag \u092e\u0947 &lt;link &gt; element \u0926\u094d\u0935\u093e\u0930\u093e Include \u0915\u0930\u0928\u093e \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 \u0964 \u092f\u0939 File \u0905\u0932\u0917 Page \u092a\u0930 \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 \u0907\u0938\u0932\u093f\u090f \u0907\u0938\u0947 external CSS \u0915\u0939\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0902 \u0907\u0938\u0915\u0940 Priority Internal \u0915\u0940 \u0924\u0941\u0932\u0928\u093e \u092e\u0947 \u0914\u0930 \u0915\u092e \u0939\u094b\u0924\u0940 \u0939\u0948\u0902 \u0964 <\/li><\/ul>\n\n\n\n<p>\u092f\u0926\u093f \u0939\u092e \u090f\u0915 \u0939\u0940 Element \u092a\u0930 \u0924\u0940\u0928\u094b\u0902 \u0924\u0930\u0939 \u0938\u0947 CSS Apply \u0915\u0930\u0947 \u0924\u094b Inline \u0935\u093e\u0932\u0940 \u0939\u0940 Apply \u0939\u094b\u0917\u0940 , \u092f\u0926\u093f Inline \u0915\u094b\u0908 CSS \u0928\u0939\u0940\u0902 \u0939\u0941\u0908 \u0924\u092c Internal css Apply \u0939\u094b\u0917\u0940 \u0914\u0930 \u092f\u0926\u093f internal \u092d\u0940 \u0915\u094b\u0908 Css \u0928\u0939\u0940\u0902 \u0932\u093f\u0916\u0940 \u0939\u0948\u0902 \u0924\u092c External Apply \u0939\u094b\u0917\u0940 \u0964 <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"css-file-\u0915-extension-\u0915-\u092f-\u0939-\u0924-\u0939\">CSS File \u0915\u093e Extension \u0915\u094d\u092f\u093e \u0939\u094b\u0924\u093e \u0939\u0948\u0902 ?<\/h2>\n\n\n\n<p>CSS File \u0915\u093e Extension <strong>.css<\/strong> \u0939\u094b\u0924\u093e \u0939\u0948\u0902 \u0964 <\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"\u0939\u092e-\u0930-\u0905\u0928-\u092f-\u0906\u0930-\u091f-\u0915\u0932\"><strong>\u0939\u092e\u093e\u0930\u0947 \u0905\u0928\u094d\u092f \u0906\u0930\u094d\u091f\u093f\u0915\u0932<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/selfimagination.in\/tips\/mysql-function\/\">MySQL Function<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/mysql-stored-procedure\/\">MySQL Stored Procedure<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/get-post-method\/\">PHP Get \/Post Method \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u091c\u093e\u0928\u0947<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/php-math-function\/\">PHP Math Function \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u091c\u093e\u0928\u0947<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/learn-cpp-from-c\/\">C \u0938\u0947 C ++ \u0938\u0940\u0916\u0947 \u0938\u0930\u0932 \u0936\u092c\u094d\u0926\u094b\u0902 \u092e\u0947\u0902<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/php-variables\/\">PHP Variable \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u091c\u093e\u0928\u0947<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/arduino-control-structure\/\">Arduino Control Structure<\/a>\u00a0<\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/c-union\/\">Union in C<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/c-pointer\/\">Declaration of Pointer in C<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/search-jquery\/\">jQuery Search Filter<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/mysql-table-create-alter-drop\/\">MySQL Create Table | Alter Table | Drop Table<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/api-using-node-react-express-mysql\/\">API Using NODE REACT EXPRESS MYSQL SEQUELIZE (For Backend OR Server Side)<\/a><\/li><li><a href=\"https:\/\/selfimagination.in\/tips\/cpanel\/\">CPANEL In Hindi<\/a><\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"css-\u0938-\u0916\u0928-\u0915-\u0936-\u0930-\u0906\u0924-\u0915\u0939-\u0938-\u0915\u0930-how-to-start-learning-css\">CSS \u0938\u0940\u0916\u0928\u0947 \u0915\u0940 \u0936\u0941\u0930\u0941\u0906\u0924 \u0915\u0939\u093e\u0901 \u0938\u0947 \u0915\u0930\u0947 ? How to Start Learning CSS?<\/h2>\n\n\n\n<p>\u0928\u093f\u092e\u094d\u0928 \u0938\u094d\u091f\u0947\u092a\u094d\u0938 \u0938\u0947 \u0906\u092a CSS \u092c\u0939\u0941\u0924 \u0939\u0940 \u0906\u0938\u093e\u0928\u0940 \u0938\u0947 \u0938\u093f\u0916 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 \u0906\u092a\u0915\u094b \u092f\u0939 Article Notes \u092c\u0928\u093e\u0928\u0947 \u092e\u0947 \u092d\u0940 \u092c\u0939\u0941\u0924 \u0939\u0940 Help \u0915\u0930\u0947\u0917\u093e \u0964 <\/p>\n\n\n\n<p><strong>Step 1: \u0906\u092a\u0915\u094b HTML \u0906\u0928\u093e \u091a\u093e\u0939\u093f\u090f , \u092f\u0926\u093f \u0906\u092a\u0915\u094b HTML \u092e\u0947 \u0920\u0940\u0915 \u0924\u0930\u0939 \u0938\u0947 Coding \u0915\u0930\u0928\u093e \u0906\u0924\u0940 \u0939\u094b\u0917\u0940 \u0924\u092c \u0939\u0940 \u0906\u092a CSS \u0938\u093f\u0916 \u092a\u093e\u090f\u0902\u0917\u0947\u0964 <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/selfimagination.in\/tips\/category\/html\/\">HTML \u0938\u0940\u0916\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u092f\u0939\u093e\u0901 \u0915\u094d\u0932\u093f\u0915 \u0915\u0930\u0947 <\/a><\/li><\/ul>\n\n\n\n<p><strong>Step 2: CSS Syntax \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947 \u0938\u0940\u0916\u0947 \u0964 <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Syntax <\/li><li>Selector <\/li><li>Comment <\/li><\/ul>\n\n\n\n<p><strong>Step 3: CSS Unit (px, cm, in, etc) \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947 \u0938\u0940\u0916\u0947 \u0964 <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>in (Inches)<\/li><li>cm (Centimeter)<\/li><li>mm (Milimeter)<\/li><li>pt (Points)<\/li><li>px (Pixel)<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"572\" height=\"179\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/09\/image-20.png?resize=572%2C179&#038;ssl=1\" alt=\"\" class=\"wp-image-9260\" srcset=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/09\/image-20.png?w=572&amp;ssl=1 572w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/09\/image-20.png?resize=300%2C94&amp;ssl=1 300w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/09\/image-20.png?resize=150%2C47&amp;ssl=1 150w\" sizes=\"auto, (max-width: 572px) 100vw, 572px\" \/><\/figure>\n\n\n\n<p><strong>Step 4: CSS Colour  \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947 \u0938\u0940\u0916\u0947 \u0964 <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Background Colour <\/li><li>Text Colour <\/li><li>Border Colour <\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/09\/image-21.png?resize=424%2C223&#038;ssl=1\" alt=\"\" class=\"wp-image-9262\" width=\"424\" height=\"223\" srcset=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/09\/image-21.png?w=537&amp;ssl=1 537w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/09\/image-21.png?resize=300%2C157&amp;ssl=1 300w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/09\/image-21.png?resize=220%2C115&amp;ssl=1 220w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/09\/image-21.png?resize=140%2C73&amp;ssl=1 140w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/09\/image-21.png?resize=60%2C31&amp;ssl=1 60w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/09\/image-21.png?resize=150%2C79&amp;ssl=1 150w\" sizes=\"auto, (max-width: 424px) 100vw, 424px\" \/><\/figure>\n\n\n\n<p><strong>Step 5: CSS Background \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947 \u0938\u0940\u0916\u0947 \u0964 <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Background Image <\/li><li>Background Attachment <\/li><li>Background Repeat <\/li><\/ul>\n\n\n\n<p><strong>Step 6: CSS Box Modal \u0938\u0940\u0916\u0947 \u0964 <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Content <\/li><li>Padding <\/li><li>Border <\/li><li>Outline <\/li><li>Margin<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"373\" height=\"200\" src=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/09\/image-24.png?resize=373%2C200&#038;ssl=1\" alt=\"\" class=\"wp-image-9267\" srcset=\"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/09\/image-24.png?w=373&amp;ssl=1 373w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/09\/image-24.png?resize=300%2C161&amp;ssl=1 300w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/09\/image-24.png?resize=60%2C31&amp;ssl=1 60w, https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/09\/image-24.png?resize=150%2C80&amp;ssl=1 150w\" sizes=\"auto, (max-width: 373px) 100vw, 373px\" \/><\/figure>\n\n\n\n<p><strong>Step 7: CSS Text \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947 \u0938\u0940\u0916\u0947 \u0964 <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Text Alignment <\/li><li>Text Decoration <\/li><li>Text Transformation <\/li><\/ul>\n\n\n\n<p><strong>Step 8: CSS Font \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947 \u0938\u0940\u0916\u0947 \u0964 <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Font Family<\/li><li>Font Style<\/li><li>Font Size<\/li><\/ul>\n\n\n\n<p><strong>Step 9: CSS Layout \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947 \u0938\u0940\u0916\u0947 \u0964 <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Display<\/li><li>Max Width<\/li><li>Position<\/li><li>Z-Index<\/li><li>Float<\/li><li>Align<\/li><li>Overflow<\/li><\/ul>\n\n\n\n<p><strong>Step 10: Element Related CSS \u0938\u0940\u0916\u0947 \u0964 <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Link<\/li><li>List<\/li><li>Table<\/li><li>Form<\/li><li>Image<\/li><\/ul>\n\n\n\n<p><strong>Step 11: Icon Library Add \u0915\u0930\u0928\u093e \u0938\u0940\u0916\u0947 \u0964 <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Google Icon<\/li><li>Font Awesome<\/li><li>Bootstrap Icon<\/li><\/ul>\n\n\n\n<p><strong>Step 12: CSS Selectors \u0915\u0947 Rules \u0938\u0940\u0916\u0947 \u0964 <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Attr<\/li><li>Combinator<\/li><li>Pseudo Class<\/li><li>Pseudo Element<\/li><\/ul>\n\n\n\n<p><strong>Step 13: CSS Applicable \u0915\u0940 Hierarchy \u0938\u0940\u0916\u0947\u0964 <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Specificity<\/li><li>Important<\/li><\/ul>\n\n\n\n<p><strong>Step 14: CSS  Function \u0938\u0940\u0916\u0947 \u0964 <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>calc<\/li><li>min<\/li><li>max<\/li><\/ul>\n\n\n\n<p><strong>Step 15: Advance CSS \u0938\u0940\u0916\u0947 \u0964 <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Text Effect <\/li><li>Animation <\/li><li>Shadow <\/li><li>Gradient <\/li><li>Tooltips <\/li><\/ul>\n\n\n\n<p><strong>Step 16: Responsive CSS \u0938\u0940\u0916\u0947 \u0964 <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Viewport<\/li><li>Grid View<\/li><li>Media<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">FAQ<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1650463865602\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Q. <strong>\u0915\u094d\u092f\u093e \u0939\u092e \u092c\u093f\u0928\u093e HTML \u0915\u0947 CSS \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 ?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>A. \u0928\u0939\u0940\u0902, HTML Element \u092a\u0930 \u0939\u0940 CSS Apply \u0915\u0930 \u0938\u0915\u0924\u0947 \u0939\u0948\u0902 \u0964 \u0907\u0938\u0932\u093f\u090f \u092c\u093f\u0928\u093e HTML \u0915\u0947 CSS \u0932\u093f\u0916\u0928\u093e \u0915\u093e \u0915\u094b\u0908 \u092b\u093e\u092f\u0926\u093e \u0928\u0939\u0940\u0902 \u0939\u0948\u0902 \u0964<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1650463877943\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Q. <strong>CSS \u0915\u0947 Framework \u0915\u094c\u0928-\u0915\u094c\u0928 \u0938\u0947 \u0939\u0948 ?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Bootstrap, Tailwind CSS, Foundation, Bulma, Skeleton<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p>\u0906\u092a\u0915\u094b \u092f\u0939 Article \u0915\u0948\u0938\u093e \u0932\u0917\u093e \u0939\u092e\u0947 \u091c\u0930\u0942\u0930 \u092c\u0924\u093e\u090f , \u0905\u092a\u0928\u093e \u0915\u0940\u092e\u0924\u0940 \u0938\u092e\u092f \u0926\u0947\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0927\u0928\u094d\u092f\u0935\u093e\u0926 \u0964  <\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS in Hindi, Learn CSS, CSS Short Notes, Step for Learn CSS, Type of CSS, External CSS In Hindi \u0907\u0938 Article \u092e\u0947 CSS Introduction \u0915\u0947 \u0938\u093e\u0925 \u0938\u093e\u0925, CSS \u0915\u093e \u0909\u092a\u092f\u094b\u0917, \u092c\u0947\u0928\u0947\u092b\u093f\u091f, Creator \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947 \u091c\u093e\u0928\u0915\u093e\u0930\u0940 , \u0924\u0925\u093e CSS \u0915\u094b Step by Step \u0915\u0948\u0938\u0947 \u0938\u093f\u0916 \u0938\u0915\u0924\u0947 \u0939\u0948, \u0906\u0926\u093f \u0938\u092d\u0940 Point \u0915\u094b \u0938\u092e\u091d\u093e\u092f\u093e \u0917\u092f\u093e \u0939\u0948\u0902 \u0964 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8072,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[17],"tags":[],"class_list":["post-6906","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/selfimagination.in\/tips\/wp-content\/uploads\/2022\/02\/css-sikhe-hindi-me.jpg?fit=1200%2C675&ssl=1","_links":{"self":[{"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/posts\/6906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/comments?post=6906"}],"version-history":[{"count":69,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/posts\/6906\/revisions"}],"predecessor-version":[{"id":9270,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/posts\/6906\/revisions\/9270"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/media\/8072"}],"wp:attachment":[{"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/media?parent=6906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/categories?post=6906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/selfimagination.in\/tips\/wp-json\/wp\/v2\/tags?post=6906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}