{"id":6770,"date":"2015-03-24T15:29:25","date_gmt":"2015-03-24T19:29:25","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/?p=6770"},"modified":"2016-02-18T09:35:15","modified_gmt":"2016-02-18T14:35:15","slug":"%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%8f%e0%a6%b0-%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-html-styles-css","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=6770","title":{"rendered":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 (HTML Style &#8211; CSS)"},"content":{"rendered":"<p><strong>\u09b6\u09b0\u09bf\u09ab\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae<\/strong><br \/>\nPhp Coder<\/p>\n<p>&nbsp;<\/p>\n<h1>HTML Styles &#8211; CSS<\/h1>\n<p><strong>\u00a0\u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/strong><\/p>\n<hr \/>\n<pre class=\"example_code notranslate htmlHigh\"><span class=\"highLT\">&lt;<\/span><span class=\"highELE\">!DOCTYPE<\/span> <span class=\"highATT\">html<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">html<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">head<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">style<\/span><span class=\"highGT\">&gt;<\/span>\r\nbody {background-color:lightgray}\r\nh1\u00a0\u00a0 {color:blue}\r\np\u00a0\u00a0\u00a0 {color:green}\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/style<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/head<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">body<\/span><span class=\"highGT\">&gt;<\/span>\r\n\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">h1<\/span><span class=\"highGT\">&gt;<\/span>This is a heading<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/h1<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">p<\/span><span class=\"highGT\">&gt;<\/span>This is a paragraph.<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/p<\/span><span class=\"highGT\">&gt;<\/span>\r\n\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/body<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/html<\/span><span class=\"highGT\">&gt;<\/span><\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u0995\u09c7 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u0995\u09b0\u09be<\/h2>\n<p>\u09b8\u09bf\u098f\u09b8\u098f\u09b8(css) \u098f\u09b0 \u09aa\u09c2\u09b0\u09cd\u09a3 \u09a8\u09be\u09ae \u09b9\u09b2 <strong>C<\/strong>ascading\u00a0<strong>S<\/strong>tyle\u00a0<strong>S<\/strong>heets \u0964<\/p>\n<p>\u09a4\u09bf\u09a8\u09ad\u09be\u09ac\u09c7 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u0995\u09c7 \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u09b8\u09be\u09a5\u09c7 \u09af\u09c1\u0995\u09cd\u09a4 \u0995\u09b0\u09be \u09af\u09be\u09df<\/p>\n<p style=\"padding-left: 30px;\">\u2022 Inline-<strong>\u09b8\u09cd\u099f\u09be\u0987\u09b2 attribute<\/strong> \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u09b8\u09be\u09a5\u09c7 \u09af\u09c1\u0995\u09cd\u09a4 \u0995\u09b0\u09be \u09af\u09be\u09df<\/p>\n<p style=\"padding-left: 30px;\">\u2022 Internal- <strong>&lt;style&gt; \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f<\/strong> \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 head \u09b8\u09c7\u0995\u09b6\u09a8 \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09af\u09c1\u0995\u09cd\u09a4 \u0995\u09b0\u09be \u09af\u09be\u09df<\/p>\n<p style=\"padding-left: 30px;\">\u2022 External- \u098f\u0995 \u09ac\u09be \u098f\u0995\u09be\u09a7\u09bf\u0995 \u09ac\u09be\u0987\u09b0\u09c7\u09b0 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ab\u09be\u0987\u09b2 \u09af\u09c1\u0995\u09cd\u09a4 \u0995\u09b0\u09c7 \u0995\u09be\u099c \u0995\u09b0\u09be \u09af\u09be\u09df\u0964<\/p>\n<p>\u09a4\u09ac\u09c7 \u09b8\u09ac \u09a5\u09c7\u0995\u09c7 \u0995\u09ae\u09a8 \u09b9\u09b2 \u09ac\u09be\u0987\u09b0\u09c7 \u09a5\u09c7\u0995\u09c7 \u098f\u0995\u099f\u09bf \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ab\u09be\u0987\u09b2 \u09af\u09c1\u0995\u09cd\u09a4 \u0995\u09b0\u09be\u0964 \u0995\u09bf\u09a8\u09cd\u09a4\u09c1 \u0986\u09ae\u09b0\u09be \u098f\u0987\u0996\u09be\u09a8\u09c7 internal \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09ac\u0964 \u0995\u09be\u09b0\u09a8 \u098f\u09a4\u09c7 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09ad\u09bf\u09a8\u09cd\u09a8 \u09ad\u09bf\u09a8\u09cd\u09a8 \u09ab\u09be\u0982\u09b6\u09a8 \u0997\u09c1\u09b2\u09cb \u09ac\u09c1\u099c\u09a4\u09c7 \u099d\u09c1\u09ac \u09b8\u09c1\u09ac\u09bf\u09a7\u09be \u09b9\u09ac\u09c7\u0964<\/p>\n<p>&nbsp;<\/p>\n<h2>\u09b8\u09bf\u098f\u09b8\u098f\u09b8 syntax<\/h2>\n<p>\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09b8\u09cd\u099f\u09be\u0987\u09b2\u09bf\u0982 \u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09a8\u09bf\u09a8\u09cd\u09ae\u09cb\u0995\u09cd\u09a4 \u09b8\u09bf\u09a8\u099f\u09c7\u0995\u09cd\u09b8 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df<\/p>\n<hr \/>\n<p><em>element<\/em>\u00a0{<em>\u00a0<\/em><em>property<\/em>:<em>value ; property:value }<\/em><\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>\u098f\u0987 element \u09b9\u09b2 \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u098f\u0995\u099f\u09bf \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u09a8\u09be\u09ae\u0964 property \u09b9\u09b2 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u0995\u099f\u09bf \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u0964 value \u09b9\u09b2 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u098f\u09b0 \u098f\u0995\u099f\u09bf \u09ae\u09be\u09a8\u0964<\/p>\n<p>\u0985\u09a8\u09c7\u0995\u0997\u09c1\u09b2\u09cb \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09a5\u09be\u0995\u09b2\u09c7 \u09a4\u09be\u09b9\u09b2\u09c7 \u09b8\u09c7\u0997\u09c1\u09b2\u09cb \u09b8\u09c7\u09ae\u09bf\u0995\u09cb\u09b2\u09a8 \u09a6\u09bf\u09df\u09c7 \u0986\u09b2\u09be\u09a6\u09be \u0995\u09b0\u09a4\u09c7 \u09b9\u09df\u0964<\/p>\n<p>&nbsp;<\/p>\n<h2>Inline \u09b8\u09cd\u099f\u09be\u0987\u09b2 (inline css)<\/h2>\n<p>\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u0995\u09cd\u09b7\u09c7\u09a4\u09cd\u09b0\u09c7 \u098f\u0995\u099f\u09bf \u0987\u0989\u09a8\u09bf\u0995 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u098f\u09b0 \u099c\u09a8\u09cd\u09af<strong> inline styling<\/strong> \u0996\u09c1\u09ac\u0987 \u0989\u09aa\u09af\u09cb\u0997\u09c0\u0964 \u098f\u0987 \u0989\u09a6\u09be\u09b9\u09b0\u09a8\u09c7 \u0987\u09a8\u09b2\u09be\u0987\u09a8 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u098f\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u098f\u0995\u099f\u09bf \u0987\u0989\u09a8\u09bf\u0995 heading \u098f\u09b0 \u099f\u09c7\u0995\u09cd\u09b8\u099f \u098f\u09b0 \u0995\u09be\u09b2\u09be\u09b0 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09be \u09b9\u099a\u09cd\u099b\u09c7<\/p>\n<p>\u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/p>\n<hr \/>\n<p>&lt;h1\u00a0style=&#8221;color:blue&#8221;&gt;This is a Blue Heading<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>Internal \u09b8\u09cd\u099f\u09be\u0987\u09b2 (internal css)<\/h2>\n<p>\u098f\u0995\u099f\u09bf \u09aa\u09c7\u099c \u098f\u09b0 \u09b8\u0995\u09b2 \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf \u0995\u09ae\u09a8 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7 \u0986\u09b0 \u09a4\u09be \u09b9\u09b2 <strong>internal style<\/strong> sheet\u0964<\/p>\n<p>\u09b8\u09be\u09a7\u09be\u09b0\u09a8\u09a4 \u098f\u099f\u09bf <strong>&lt;style&gt; <\/strong>\u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af\u09c7 \u09b9\u09c7\u09a1 \u09b8\u09c7\u0995\u09b6\u09a8 \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u0987\u09a8\u0995\u09cd\u09b2\u09c1\u09a1 \u0995\u09b0\u09a4\u09c7 \u09b9\u09df\u0964<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09be\u09b0\u09a8<\/strong><\/p>\n<div class=\"example_code notranslate htmlHigh\">\n<hr \/>\n<pre class=\"example_code notranslate htmlHigh\"><span class=\"highLT\">&lt;<\/span><span class=\"highELE\">!DOCTYPE<\/span> <span class=\"highATT\">html<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">html<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">head<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">style<\/span><span class=\"highGT\">&gt;<\/span>\r\nbody {background-color:lightgrey}\r\nh1\u00a0\u00a0 {color:blue}\r\np\u00a0\u00a0\u00a0 {color:green}\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/style<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/head<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">body<\/span><span class=\"highGT\">&gt;<\/span>\r\n\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">h1<\/span><span class=\"highGT\">&gt;<\/span>This is a heading<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/h1<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">p<\/span><span class=\"highGT\">&gt;<\/span>This is a paragraph.<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/p<\/span><span class=\"highGT\">&gt;<\/span>\r\n\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/body<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/html<\/span><span class=\"highGT\">&gt;<\/span><\/pre>\n<hr \/>\n<\/div>\n<p>&nbsp;<\/p>\n<h2>External \u09b8\u09cd\u099f\u09be\u0987\u09b2 (External \u09b8\u09bf\u098f\u09b8\u098f\u09b8)<\/h2>\n<p>\u0985\u09a8\u09c7\u0995\u0997\u09c1\u09b2\u09cb \u09aa\u09c7\u099c \u098f\u09b0 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09a8\u09bf\u09df\u09a8\u09cd\u09a4\u09cd\u09b0\u09a3 \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0987 \u09aa\u09a7\u09a4\u09bf \u099a\u09be\u09b2\u09be\u09a8\u09cb \u09b9\u09df\u0964 \u098f\u0987 \u0995\u09cd\u09b7\u09c7\u09a4\u09cd\u09b0\u09c7 \u09ae\u09be\u09a4\u09cd\u09b0 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ab\u09be\u0987\u09b2 \u098f\u09b0 \u098f\u0995\u099f\u09bf \u0989\u09aa\u09be\u09a6\u09be\u09a8 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09be\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u09ac\u09be\u0995\u09bf \u09b8\u09ac\u0997\u09c1\u09b2\u09cb \u09aa\u09c7\u099c \u098f\u09b0 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09be \u09b8\u09ae\u09cd\u09ad\u09ac\u0964 \u09b9\u09c7\u09a1 \u09b8\u09c7\u0995\u09b6\u09a8 \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 external \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ab\u09be\u0987\u09b2 \u098f\u09b0 \u09b2\u09bf\u0999\u09cd\u0995 \u0995\u09b0\u09c7 \u09a6\u09bf\u09a4\u09c7 \u09b9\u09df\u0964<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/strong><\/p>\n<hr \/>\n<pre class=\"example_code notranslate htmlHigh\"><span class=\"highLT\">&lt;<\/span><span class=\"highELE\">!DOCTYPE<\/span> <span class=\"highATT\">html<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">html<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">head<\/span><span class=\"highGT\">&gt;<\/span>\r\n \u00a0 <span class=\"highLT\">&lt;<\/span><span class=\"highELE\">link<\/span> <span class=\"highATT\">rel=<\/span><span class=\"highVAL\">\"stylesheet\"<\/span> <span class=\"highATT\">href=<\/span><span class=\"highVAL\">\"styles.css\"<\/span><span class=\"highGT\">&gt;<\/span>\r\n <span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/head<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">body<\/span><span class=\"highGT\">&gt;<\/span>\r\n\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">h1<\/span><span class=\"highGT\">&gt;<\/span>This is a heading<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/h1<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">p<\/span><span class=\"highGT\">&gt;<\/span>This is a paragraph.<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/p<\/span><span class=\"highGT\">&gt;<\/span>\r\n\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/body<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/html<\/span><span class=\"highGT\">&gt;<\/span><\/pre>\n<hr \/>\n<pre class=\"example_code notranslate htmlHigh\"><\/pre>\n<p>&nbsp;<\/p>\n<h2>\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ab\u09a8\u09cd\u099f\u09b8<\/h2>\n<p>\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u09b0 color \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u09aa\u09c7\u099c \u098f\u09b0 \u099f\u09c7\u0995\u09cd\u09b8\u099f \u098f\u09b0 \u0995\u09be\u09b2\u09be\u09b0 \u0995\u09bf \u09b9\u09ac\u09c7 \u09a4\u09be \u09a1\u09bf\u09ab\u09be\u0987\u09a8 \u0995\u09b0\u09be \u09b9\u09df\u0964 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u09b0 <strong>font-family<\/strong> \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u099f\u09c7\u0995\u09cd\u09b8\u099f \u098f\u09b0 \u09ab\u09a8\u09cd\u099f \u0995\u09cb\u09a8 \u09ab\u09a8\u09cd\u099f \u09b9\u09ac\u09c7 \u09a4\u09be \u09a1\u09bf\u09ab\u09be\u0987\u09a8 \u0995\u09b0\u09c7\u0964 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u09b0 <strong>font-size<\/strong> \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u099f\u09c7\u0995\u09cd\u09b8\u099f \u098f\u09b0 \u0986\u0995\u09be\u09b0 \u0995\u09a4\u099f\u09c1\u0995\u09c1 \u09b9\u09ac\u09c7 \u09a4\u09be \u09a1\u09bf\u09ab\u09be\u0987\u09a8 \u0995\u09b0\u09c7\u0964<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/strong><\/p>\n<hr \/>\n<pre class=\"example_code notranslate htmlHigh\"><span class=\"highLT\">&lt;<\/span><span class=\"highELE\">!DOCTYPE<\/span> <span class=\"highATT\">html<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">html<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">head<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">style<\/span><span class=\"highGT\">&gt;<\/span>\r\nh1 {\r\n\u00a0\u00a0\u00a0 color:blue;\r\n\u00a0\u00a0\u00a0 font-family:verdana;\r\n\u00a0\u00a0\u00a0 font-size:300%;\r\n}\r\np\u00a0 {\r\n\u00a0\u00a0\u00a0 color:red;\r\n\u00a0\u00a0\u00a0 font-family:courier;\r\n\u00a0\u00a0\u00a0 font-size:160%;\r\n}\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/style<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/head<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">body<\/span><span class=\"highGT\">&gt;<\/span>\r\n\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">h1<\/span><span class=\"highGT\">&gt;<\/span>This is a heading<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/h1<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">p<\/span><span class=\"highGT\">&gt;<\/span>This is a paragraph.<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/p<\/span><span class=\"highGT\">&gt;<\/span>\r\n\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/body<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/html<\/span><span class=\"highGT\">&gt;<\/span><\/pre>\n<hr \/>\n<pre class=\"example_code notranslate htmlHigh\">\u09a4\u09ac\u09c7 &lt;font&gt; \u099f\u09cd\u09af\u09be\u0997 \u099f\u09bf \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u09aa\u09c1\u09b0\u09be\u09a4\u09a8 \u09ad\u09be\u09b0\u09cd\u09b8\u09a8 \u098f \u0995\u09be\u099c \u0995\u09b0\u09c7 \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2\u09eb \u098f \u0995\u09be\u099c \u0995\u09b0\u09c7 \u09a8\u09be\u0964<\/pre>\n<p>&nbsp;<\/p>\n<h2>\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ac\u0995\u09cd\u09b8 \u09ae\u09a1\u09c7\u09b2<\/h2>\n<p>\u09aa\u09cd\u09b0\u09a4\u09cd\u09af\u09c7\u0995\u099f\u09bf \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf \u09ac\u0995\u09cd\u09b8 \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09be \u09a5\u09be\u0995\u09c7 \u0995\u09bf\u09a8\u09cd\u09a4\u09c1 \u0986\u09ae\u09b0\u09be \u09a4\u0996\u09a8\u09bf \u098f\u099f\u09be \u09a6\u09c7\u0996\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac \u09af\u0996\u09a8 \u0986\u09ae\u09b0\u09be \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 border \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u0998\u09cb\u09b7\u09a3\u09be \u0995\u09b0\u09ac<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/strong><\/p>\n<hr \/>\n<pre><span class=\"highELE\">p <\/span>{\r\n\u00a0\u00a0\u00a0 <span class=\"highATT\">border:<\/span><span class=\"highVAL\">1px solid black;<\/span>\r\n}<\/pre>\n<hr \/>\n<p>border \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09ab\u09be\u0995\u09be \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u0986\u09ae\u09b0\u09be padding \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09ac<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09be\u09b0\u09a8<\/strong><\/p>\n<hr \/>\n<pre><span class=\"highELE\">p <\/span>{\r\n\u00a0\u00a0\u00a0 <span class=\"highATT\">border:<\/span><span class=\"highVAL\">1px solid black;<\/span>\r\n\u00a0\u00a0\u00a0 <span class=\"highATT\">padding:<\/span><span class=\"highVAL\">10px;<\/span>\r\n}<\/pre>\n<hr \/>\n<pre>\u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u098f\u09b0 \u09ac\u09be\u0987\u09b0\u09c7 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8 \u098f\u09b0 \u099c\u09a8\u09cd\u09af \u0986\u09ae\u09b0\u09be margin \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09ac<\/pre>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/strong><\/p>\n<hr \/>\n<pre><span class=\"highELE\">p <\/span>{\r\n\u00a0\u00a0\u00a0 <span class=\"highATT\">border:<\/span><span class=\"highVAL\">1px solid black;<\/span>\r\n\u00a0\u00a0\u00a0 <span class=\"highATT\">padding:<\/span><span class=\"highVAL\">10px;<\/span>\r\n\u00a0\u00a0\u00a0 <span class=\"highATT\">margin:<\/span><span class=\"highVAL\">30px;<\/span>\r\n }<\/pre>\n<hr \/>\n<pre>\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u0989\u09a6\u09be\u09b9\u09b0\u09a3 \u098f px \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7 \u098f\u09a4\u09c7 \u09aa\u09bf\u0995\u09cd\u09b8\u09c7\u09b2 \u09ac\u09c1\u099d\u09be\u09df<\/pre>\n<p>&nbsp;<\/p>\n<h2>ID Attribute<\/h2>\n<p>\u0989\u09aa\u09b0\u09c7\u09b0 \u09b8\u09ac\u0997\u09c1\u09b2\u09cb \u0989\u09a6\u09be\u09b9\u09b0\u09a3 \u098f \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u09b0 \u09b8\u09be\u09a7\u09be\u09b0\u09a8 \u09a8\u09bf\u09df\u09ae \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7\u0964<\/p>\n<p>\u09af\u09a6\u09bf \u0995\u09cb\u09a8 \u098f\u0995\u099f\u09bf \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09cb\u09a8 \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u0995\u09cd\u09b7\u09c7\u09a4\u09cd\u09b0\u09c7 \u09aa\u09cd\u09b0\u09df\u09cb\u0997 \u0995\u09b0\u09a4\u09c7 \u09b9\u09df \u09a4\u09be\u09b9\u09b2\u09c7 id attribute \u09aa\u09cd\u09b0\u09a5\u09ae\u09c7 \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09af\u09cb\u0997 \u0995\u09b0\u09a4\u09c7 \u09b9\u09ac\u09c7<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/strong><\/p>\n<hr \/>\n<p>&lt;p\u00a0id=&#8221;p01&#8243;&gt;I am different&lt;\/p&gt;<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>\u098f\u09b0\u09aa\u09b0 id \u0995\u09c7 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u0995\u09b2 \u0995\u09b0\u09c7 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09af\u09cb\u0997 \u0995\u09b0\u09a4\u09c7 \u09b9\u09ac\u09c7<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/strong><\/p>\n<hr \/>\n<pre><span class=\"highELE\">p#p01 <\/span>{\r\n\u00a0\u00a0\u00a0 <span class=\"highATT\">color:<\/span><span class=\"highVAL\">blue;<\/span>\r\n}<\/pre>\n<hr \/>\n<pre><\/pre>\n<p>&nbsp;<\/p>\n<h2>Class attribute<\/h2>\n<p>\u0995\u09cb\u09a8 \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u09a7\u09b0\u09a8 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u0995\u09cd\u09b2\u09be\u09b8 (class) attribute \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09af\u09cb\u0997 \u0995\u09b0\u09a4\u09c7 \u09b9\u09df<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/strong><\/p>\n<hr \/>\n<p>&lt;p\u00a0class=&#8221;error&#8221;&gt;I am different&lt;\/p&gt;<\/p>\n<hr \/>\n<p>\u098f\u0995\u09a8 \u0986\u09aa\u09a8\u09bf \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09cd\u09b2\u09be\u09b8 \u098f\u09b0 \u09b8\u09be\u09a5\u09c7 \u09b8\u0995\u09b2 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f \u09ad\u09bf\u09a8\u09cd\u09a8 \u09ad\u09bf\u09a8\u09cd\u09a8 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09a6\u09bf\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/strong><\/p>\n<hr \/>\n<pre><span class=\"highELE\">p.error <\/span>{\r\n\u00a0\u00a0\u00a0 <span class=\"highATT\">color:<\/span><span class=\"highVAL\">red;<\/span>\r\n}<\/pre>\n<hr \/>\n<pre><strong>\u09a8\u09cb\u099f\u0983<\/strong> <strong>id<\/strong> \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df \u098f\u0995\u099f\u09bf \u0987\u0989\u09a8\u09bf\u0995 \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u09ac\u0982 <strong>class<\/strong> \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df \u098f\u0995\u099f\u09bf \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0 \u0997\u09cd\u09b0\u09c1\u09aa \u098f\u09b0 \u099c\u09a8\u09cd\u09af\u0964<\/pre>\n<p>&nbsp;<\/p>\n<h2>\u09b8\u09c0\u09ae\u09be\u09ac\u09a6\u09cd\u09a7\u09a4\u09be<\/h2>\n<p>\u09aa\u09c1\u09b0\u09be\u09a4\u09a8 \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u09ad\u09be\u09b0\u09cd\u09b8\u09a8 \u098f\u09b0 \u0985\u09a8\u09c7\u0995 \u099f\u09cd\u09af\u09be\u0997\u09b8 \u098f\u09ac\u0982 attributes \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df \u09b8\u09cd\u099f\u09be\u0987\u09b2 documents \u098f\u0964 \u0995\u09bf\u09a8\u09cd\u09b0\u09c1 \u098f\u0987\u0997\u09c1\u09b2\u09cb \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u09eb \u098f \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0995\u09b0\u09c7 \u09a8\u09be\u0964<\/p>\n<p>\u09af\u09c7 \u0989\u09aa\u09be\u09a6\u09be\u09a8 \u09ac\u09be elements \u0997\u09c1\u09b2\u09cb \u09ac\u09be\u09a6 \u09a6\u09bf\u09a4\u09c7 \u09b9\u09ac\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09ac\u09be\u09a6 \u09a6\u09bf\u09a4\u09c7 \u09b9\u09ac\u09c7: &lt;font&gt;, &lt;center&gt; \u098f\u09ac\u0982 &lt;strike&gt;.<\/p>\n<p>\u09af\u09c7 attribute \u0997\u09c1\u09b2\u09cb \u09ac\u09be\u09a6 \u09a6\u09bf\u09a4\u09c7 \u09b9\u09ac\u09c7: color \u098f\u09ac\u0982 bgcolor<\/p>\n<p>&nbsp;<\/p>\n<h2>\u098f\u0995\u09a8\u099c\u09b0\u09c7 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u0997\u09c1\u09b2\u09cb<\/h2>\n<p style=\"padding-left: 30px;\">Inline styling \u098f \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 <strong>\u09b8\u09cd\u099f\u09be\u0987\u09b2<\/strong> attribute \u098f\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0<\/p>\n<p style=\"padding-left: 30px;\">Internal css \u098f \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 <strong>&lt;style&gt;<\/strong> \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0<\/p>\n<p style=\"padding-left: 30px;\">External css \u098f \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 <strong>&lt;link&gt;<\/strong> \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0<\/p>\n<p style=\"padding-left: 30px;\">\u09b8\u09c7\u0995\u09b6\u09a8 \u098f &lt;style&gt; \u098f\u09ac\u0982 &lt;link&gt; elements \u09af\u09c1\u0995\u09cd\u09a4 \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0\u00a0<strong>&lt;head&gt;<\/strong> \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0<\/p>\n<p style=\"padding-left: 30px;\">Text \u0995\u09be\u09b2\u09be\u09b0 \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u098f \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u09b0 \u0995\u09be\u09b2\u09be\u09b0 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u098f\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0<\/p>\n<p style=\"padding-left: 30px;\">Text \u098f\u09b0 \u09ab\u09a8\u09cd\u099f \u09a8\u09bf\u09b0\u09cd\u09a6\u09be\u09b0\u09a3\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u09b0 <strong>font-family<\/strong> \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u098f\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0<\/p>\n<p style=\"padding-left: 30px;\">Text \u098f\u09b0 \u09ab\u09a8\u09cd\u099f \u09b8\u09be\u09bf\u0987\u099c \u09a8\u09bf\u09b0\u09cd\u09a6\u09be\u09b0\u09a3\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u09b0\u00a0<strong>font-size<\/strong> \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u098f\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0<\/p>\n<p style=\"padding-left: 30px;\">\u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u09a6\u09c7\u0996\u09be\u09a8\u09cb\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u09b0 <strong>border<\/strong> \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u098f\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0<\/p>\n<p style=\"padding-left: 30px;\">\u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u098f\u09b0 \u09ad\u09bf\u09a4\u09b0\u09c7 \u09b8\u09cd\u09aa\u09c7\u09b8 \u09a8\u09bf\u09b0\u09cd\u09a6\u09be\u09b0\u09a8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u09b0 <strong>padding<\/strong> \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u098f\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0<\/p>\n<p style=\"padding-left: 30px;\">\u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u098f\u09b0 \u09ac\u09be\u09b9\u09bf\u09b0\u09c7\u09b0 \u09a6\u09bf\u0995\u09c7\u09b0 \u09b8\u09cd\u09aa\u09c7\u09b8 \u09a8\u09bf\u09b0\u09cd\u09a6\u09be\u09b0\u09a8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af\u00a0\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u09b0 <strong>margin<\/strong> \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u098f\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0<\/p>\n<h2>\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u099f\u09cd\u09af\u09be\u0997<\/h2>\n<p style=\"padding-left: 30px;\"><strong>&lt;style&gt;<\/strong> &#8211; \u098f\u0995\u099f\u09bf document \u09ae\u09a7\u09cd\u09af\u09c7 \u09b8\u09ae\u09b8\u09cd\u09a4 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u098f\u09b0 \u09a4\u09a5\u09cd\u09af\u0995\u09c7 \u09b8\u0999\u09cd\u0997\u09be\u09df\u09bf\u09a4 \u0995\u09b0\u09c7<\/p>\n<p style=\"padding-left: 30px;\"><strong>&lt;link&gt;<\/strong> &#8211;\u00a0 document \u098f\u09ac\u0982 external\u00a0<span id=\"result_box\" class=\"short_text\" lang=\"bn\" tabindex=\"-1\"><span class=\"hps alt-edited\">\u09b0\u09bf\u09b8\u09cb\u09b0\u09cd\u09b8<\/span><\/span> \u09ab\u09be\u0987\u09b2 \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995 \u09a8\u09bf\u09b0\u09cd\u09a6\u09be\u09b0\u09a3 \u0995\u09b0\u09c7<\/p>\n<p style=\"padding-left: 30px;\">\n","protected":false},"excerpt":{"rendered":"<p>\u09b6\u09b0\u09bf\u09ab\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae Php Coder &nbsp; HTML Styles &#8211; CSS \u00a0\u0989\u09a6\u09be\u09b9\u09b0\u09a3 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; body {background-color:lightgray} h1\u00a0\u00a0 {color:blue} p\u00a0\u00a0\u00a0 {color:green} &lt;\/style&gt; &lt;\/head&gt; &lt;body&gt; &lt;h1&gt;This is a heading&lt;\/h1&gt; &lt;p&gt;This is a paragraph.&lt;\/p&gt; &lt;\/body&gt; &lt;\/html&gt; &nbsp; \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u0995\u09c7 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u0995\u09b0\u09be \u09b8\u09bf\u098f\u09b8\u098f\u09b8(css) \u098f\u09b0 \u09aa\u09c2\u09b0\u09cd\u09a3 \u09a8\u09be\u09ae \u09b9\u09b2 Cascading\u00a0Style\u00a0Sheets \u0964 \u09a4\u09bf\u09a8\u09ad\u09be\u09ac\u09c7 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u0995\u09c7 \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u09b8\u09be\u09a5\u09c7 \u09af\u09c1\u0995\u09cd\u09a4 &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/bangla.sitestree.com\/?p=6770\">Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[494],"tags":[561,1581,1803,715,492,713,347,717,711,712,709,710,210,346,530,716,714,424,341,681],"class_list":["post-6770","post","type-post","status-publish","format-standard","hentry","category--html","tag-attribute","tag-bangla","tag-bengali","tag-border","tag-css","tag-external","tag-html","tag-id","tag-inline","tag-internal","tag-style","tag-syntax","tag-tutorial","tag-346","tag-530","tag-716","tag-714","tag-424","tag-341","tag-681","item-wrap"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":7608,"url":"http:\/\/bangla.sitestree.com\/?p=7608","url_meta":{"origin":6770,"position":0},"title":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09b9\u09b2\u09cb Cascading Style Sheets.","author":"Author-Check- Article-or-Video","date":"March 27, 2015","format":false,"excerpt":"\u09b2\u09c7\u0996\u0995\u0983 \u09ae\u09cb\u0983\u09ae\u09bf\u09a8\u09b9\u09be\u099c\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09b9\u09b2\u09cb Cascading Style Sheets. \u0964 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ab\u09be\u0987\u09b2 \u09b8\u09c7\u09ad \u0995\u09b0\u09a4\u09c7 \u09b9\u09df .css \u09a6\u09bf\u09df\u09c7\u0964 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u09aa\u09c7\u099c\u099f\u09c7 \u0995\u09c7 \u0986\u09b0\u0993 \u09a6\u09c3\u09b7\u09cd\u099f\u09bf\u09a8\u09a8\u09cd\u09a6\u09a8 \u0995\u09b0\u09be \u099c\u09a8\u09cd\u09af\u0964 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09e9 \u09a6\u09b0\u09a8\u09c7 \u09b9\u09df\u0964 \u09e7) \u0987\u09a8\u09cd\u099f\u09be\u09b0\u09a8\u09be\u09b2 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u0964 \u09e8) \u098f\u0995\u09cd\u09b8\u099f\u09be\u09b0\u09cd\u09a8\u09be\u09b2 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u0964 \u09e9) \u0987\u09a8\u09b2\u09be\u0987\u09a8 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u0964 \u0987\u09a8\u09cd\u099f\u09be\u09b0\u09a8\u09be\u09b2 \u09b8\u09bf\u098f\u09b8\u098f\u09b8\u0983 \u09af\u09c7\u0995\u09cb\u09a8 \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u09a1\u0995\u09c1\u09ae\u09c7\u09a8\u09cd\u099f\u09c7 <head><\/head> \u098f\u09b0\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":10849,"url":"http:\/\/bangla.sitestree.com\/?p=10849","url_meta":{"origin":6770,"position":1},"title":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u0995\u09bf\u09ad\u09be\u09ac\u09c7&#8230; (CSS How To&#8230;)","author":"Rafiqul Islam","date":"September 9, 2015","format":false,"excerpt":"\u09af\u0996\u09a8 \u098f\u0995\u099f\u09bf \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09b6\u09c0\u099f \u09aa\u09b0\u09c7, \u098f\u099f\u09bf \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09b6\u09c0\u099f \u098f\u09b0 \u09a4\u09a5\u09cd\u09af \u0985\u09a8\u09c1\u09b8\u09be\u09b0\u09c7 \u09a1\u0995\u09c1\u09ae\u09c7\u09a8\u09cd\u099f\u0995\u09c7 \u09ab\u09b0\u09ae\u09c7\u099f \u0995\u09b0\u09c7\u0964 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09aa\u09cd\u09b0\u09ac\u09c7\u09b6 \u0995\u09b0\u09be\u09a8\u09cb\u09b0 \u09a4\u09bf\u09a8\u099f\u09bf \u0989\u09aa\u09be\u09df \u0986\u099b\u09c7 \u09ac\u09b9\u09bf\u09b8\u09cd\u09a5\u09bf\u09a4 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09b6\u09c0\u099f \u0985\u09a8\u09cd\u09a4\u09b8\u09cd\u09a5\u09bf\u09a4 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09b6\u09c0\u099f \u0987\u09a8\u09b2\u09be\u0987\u09a8 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u00a0 \u09ac\u09b9\u09bf\u09b8\u09cd\u09a5\u09bf\u09a4 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09b6\u09c0\u099f \u09ac\u09b9\u09bf\u09b8\u09cd\u09a5\u09bf\u09a4 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09b6\u09c0\u099f \u09a6\u09bf\u09df\u09c7, \u09ae\u09be\u09a4\u09cd\u09b0 \u098f\u0995\u099f\u09bf \u09ab\u09be\u0987\u09b2 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8\u09c7\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0993\u09df\u09c7\u09ac \u09b8\u09be\u0987\u099f\u09c7\u09b0 \u099a\u09c7\u09b9\u09be\u09b0\u09be \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09c7 \u09ab\u09c7\u09b2\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964 \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6158,"url":"http:\/\/bangla.sitestree.com\/?p=6158","url_meta":{"origin":6770,"position":2},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09b8\u09bf\u09b2\u09c7\u0995\u09cd\u099f\u09b0 (CSS Selectors)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u09b8\u09ac element \u0997\u09c1\u09b2\u09cb\u0995\u09c7 manipulate \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f\u09b0 \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 selector \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u0964 id , class, type, attribute \u0987\u09a4\u09cd\u09af\u09be\u09a6\u09bf\u09b0 \u0989\u09aa\u09b0 \u09ad\u09bf\u09a4\u09cd\u09a4\u09bf \u0995\u09b0\u09c7 \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f\u0997\u09c1\u09b2\u09cb \u0996\u09cb\u0981\u099c\u09be \u09ac\u09be \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09a8 \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09b8\u09bf\u09b2\u09c7\u0995\u09cd\u099f\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u0964 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u09b8\u09bf\u09b2\u09c7\u0995\u09cd\u099f\u09b0 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u09b8\u09bf\u09b2\u09c7\u0995\u09cd\u099f\u09b0 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f\u09c7\u09b0\u00a0\u09a8\u09be\u09ae\u09c7\u09b0 \u0989\u09aa\u09b0 \u09ad\u09bf\u09a4\u09cd\u09a4\u09bf \u0995\u09b0\u09c7 \u0989\u09aa\u09be\u09a6\u09be\u09a8 \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09a8 \u0995\u09b0\u09c7\u0964 \u0986\u09ae\u09b0\u09be \u09b8\u0995\u09b2 <p>\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6154,"url":"http:\/\/bangla.sitestree.com\/?p=6154","url_meta":{"origin":6770,"position":3},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf (CSS Introduction)","author":"","date":"February 8, 2015","format":false,"excerpt":"\u09ae\u09cb\u0983 \u09b0\u09ab\u09bf\u0995\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae \u00a0 \u098f\u0987 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 \u098f\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09a8\u09bf\u09df\u09a8\u09cd\u09a4\u09cd\u09b0\u09a3 \u0995\u09b0\u09c7 \u098f\u09ac\u0982 \u098f\u0995\u0987\u09b8\u09be\u09a5\u09c7 \u098f\u0995\u09be\u09a7\u09bf\u0995 \u0993\u09df\u09c7\u09ac \u09aa\u09c7\u099c \u098f \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09af\u09be\u09df \u09b8\u09c7 \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7 \u099c\u09be\u09a8\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964 \u09aa\u09cd\u09b0\u09a4\u09bf \u0985\u09a7\u09cd\u09af\u09be\u09df \u098f \u0989\u09a6\u09be\u09b9\u09b0\u09a3 \u098f\u0987 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 \u098f \u09b6\u09a4 \u09b6\u09a4 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 \u09b8\u09a8\u09cd\u09a8\u09bf\u09ac\u09c7\u09b6 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7\u0964 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u0983 \u00a0body { \u00a0\u00a0\u00a0 background-color: #d0e4fe; } h1\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6162,"url":"http:\/\/bangla.sitestree.com\/?p=6162","url_meta":{"origin":6770,"position":4},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09cd\u09af\u09be\u0995\u09cd\u09b8\u099f (CSS Text)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"\u00a0 text formatting This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from the \"Try it yourself\" link. \u00a0 \u09b2\u09c7\u0996\u09be \u09ab\u09b0\u09ae\u09cd\u09af\u09be\u099f\u09bf\u0982 \u0993\u09af\u09bc\u09c7\u09ac \u09b8\u09be\u0987\u099f\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6758,"url":"http:\/\/bangla.sitestree.com\/?p=6758","url_meta":{"origin":6770,"position":5},"title":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u09b8\u09cd\u099f\u09be\u0987\u09b2 (HTML Styles)","author":"Author-Check- Article-or-Video","date":"March 19, 2015","format":false,"excerpt":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u09b8\u09cd\u099f\u09be\u0987\u09b2 (HTML Styles) \u09a8\u09be\u09ae-\u09b6\u09b0\u09bf\u09ab\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae Job category-PHP Coder Email-bappiislam1988@gmail.com Mob-01722806467 \u09ac\u09bf\u09b7\u09df- HTML Styles \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09aa\u09cd\u09b0\u09a4\u09cd\u09af\u09c7\u0995\u099f\u09bf \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf \u09a1\u09bf\u09ab\u09b2\u09cd\u099f \u09ac\u09be \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09a5\u09be\u0995\u09c7 \u09aa\u09bf\u099b\u09a8\u09c7\u09b0 \u0995\u09be\u09b2\u09be\u09b0 \u09ac\u09be \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u0995\u09be\u09b2\u09be\u09b0 \u09b8\u09be\u09a6\u09be \u098f\u09ac\u0982 \u099f\u09c7\u0995\u09cd\u09b8\u099f \u098f\u09b0 \u0995\u09be\u09b2\u09be\u09b0 \u0995\u09be\u09b2\u09cb\u0964 \u09b8\u09cd\u099f\u09be\u0987\u09b2 attribute \u098f\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0986\u09ae\u09b0\u09be \u098f\u0987 \u09a1\u09bf\u09ab\u09b2\u09cd\u099f \u0995\u09be\u09b2\u09be\u09b0 \u0995\u09c7 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09bf\u0964\u2026","rel":"","context":"In &quot;Root&quot;","block_context":{"text":"Root","link":"http:\/\/bangla.sitestree.com\/?cat=1"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6770"}],"version-history":[{"count":12,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6770\/revisions"}],"predecessor-version":[{"id":12923,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6770\/revisions\/12923"}],"wp:attachment":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6770"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6770"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}