{"id":2771,"date":"2013-05-24T17:18:32","date_gmt":"2013-05-24T17:18:32","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/?p=2771"},"modified":"2014-01-13T21:26:59","modified_gmt":"2014-01-14T02:26:59","slug":"html-css-bangla-tutorial-part-2div-and-class-selector","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=2771","title":{"rendered":"HTML &#038; CSS BANGLA TUTORIAL PART-2(DIV and CLASS SELECTOR) (HTML \u098f\u09ac\u0982 CSS \u09ac\u09be\u0982\u09b2\u09be \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09af\u09bc\u09be\u09b2 \u09aa\u09be\u09b0\u09cd\u099f &#8211; 2 (DIV \u098f\u09ac\u0982 \u0995\u09cd\u09b2\u09be\u09b8 \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u0995))"},"content":{"rendered":"<p><iframe loading=\"lazy\" width=\"600\" height=\"360\" src=\"http:\/\/www.youtube.com\/embed\/rWKC8wksScE?feature=player_detailpage\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[29,105,27,1],"tags":[],"class_list":["post-2771","post","type-post","status-publish","format-standard","hentry","category-complete-courses","category-html-css","category-professional","category-root","item-wrap"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":6172,"url":"http:\/\/bangla.sitestree.com\/?p=6172","url_meta":{"origin":2771,"position":0},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09ac\u0995\u09cd\u09b8 \u09ae\u09a1\u09c7\u09b2 (CSS Box Model)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"\u09b8\u09ac HTML \u0989\u09aa\u09be\u09a6\u09be\u09a8\u0997\u09c1\u09b2\u09cb\u0995\u09c7 \u09ac\u0995\u09cd\u09b8 \u09b9\u09bf\u09b8\u09be\u09ac\u09c7 \u09ac\u09bf\u09ac\u09c7\u099a\u09a8\u09be \u0995\u09b0\u09be \u09af\u09c7\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7 \u0964 CSS \u098f \u201c \u09ac\u0995\u09cd\u09b8 \u09ae\u09a1\u09c7\u09b2\u201d \u09b6\u09ac\u09cd\u09a6\u099f\u09bf \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df \u09af\u0996\u09a8 \u09a8\u0995\u09b6\u09be \u098f\u09ac\u0982 \u09ac\u09bf\u09a8\u09cd\u09af\u09be\u09b8 \u09a8\u09bf\u09df\u09c7 \u0986\u09b2\u09cb\u099a\u09a8\u09be \u0995\u09b0\u09be \u09b9\u09df\u0964 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ac\u0995\u09cd\u09b8 \u09ae\u09a1\u09c7\u09b2 \u09ae\u09c2\u09b2\u09a4 \u099a\u09be\u09b0\u09aa\u09be\u09b6\u09c7 HTML \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7 \u0998\u09c7\u09b0\u09be \u098f\u0995\u099f\u09bf \u09ac\u0995\u09cd\u09b8, \u098f\u09ac\u0982 \u098f\u09a4\u09c7 \u09b0\u09df\u09c7\u099b\u09c7 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8, \u09b8\u09c0\u09ae\u09be\u09a8\u09be, \u09aa\u09cd\u09af\u09be\u09a1\u09bf\u0982, \u098f\u09ac\u0982 \u09aa\u09cd\u09b0\u0995\u09c3\u09a4 \u09ac\u09bf\u09b7\u09af\u09bc\u09ac\u09b8\u09cd\u09a4\u09c1\u0964 \u09ac\u0995\u09cd\u09b8 \u09ae\u09a1\u09c7\u09b2 \u0986\u09ae\u09be\u09a6\u09c7\u09b0\u0995\u09c7 \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\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":"Box Model","src":"https:\/\/i0.wp.com\/www.w3schools.com\/css\/box-model.gif?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.w3schools.com\/css\/box-model.gif?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.w3schools.com\/css\/box-model.gif?resize=525%2C300 1.5x"},"classes":[]},{"id":6202,"url":"http:\/\/bangla.sitestree.com\/?p=6202","url_meta":{"origin":2771,"position":1},"title":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u098f \u0985\u09b8\u09cd\u09ac\u099a\u09cd\u099b\u09a4\u09be \/ \u09b8\u09cd\u09ac\u099a\u09cd\u099b\u09a4\u09be (CSS Image Opacity \/ Transparency)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"\u0985\u099e\u09cd\u099c\u09a8 \u09a6\u09be\u09b8 (American international univetsity) \u00a0 \u0986\u09aa\u09be\u09b8\u09bf\u099f\u09bf \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09a8\u09bf\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09be \u09b9\u09af\u09bc \u0985\u09ac\u099c\u09c7\u0995\u09cd\u099f\u099f\u09bf \u0995\u09a4\u099f\u09be \u09b8\u09cd\u09ac\u099a\u09cd\u099b\u0964 \u09b8\u09be\u09a7\u09be\u09b0\u09a3\u09a4 \u0995\u09cb\u09a8 \u0987\u09ae\u09c7\u099c\u09c7\u09b0 \u0985\u09aa\u09be\u09b8\u09bf\u099f\u09bf \u09a8\u09bf\u09af\u09bc\u09a8\u09cd\u09a4\u09cd\u09b0\u09a3\u09c7\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0990 \u0987\u09ae\u09c7\u099c\u09c7\u09b0 \u0989\u09aa\u09b0 \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u0987\u09ab\u09c7\u0995\u09cd\u099f \u09a6\u09c7\u09af\u09bc\u09be \u09af\u09be\u09af\u09bc\u0964 CSS \u098f\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u09b8\u09b9\u099c\u09c7 \u09b8\u09cd\u09ac\u099a\u09cd\u099b \u0987\u09ae\u09c7\u099c \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be\u0964 CSS \u098f\u09b0 \u0985\u09b8\u09cd\u09ac\u099a\u09cd\u099b\u09a4\u09be (Opacity) CSS 3 \u098f\u09b0 \u098f\u0995\u099f\u09bf \u098f\u0995\u099f\u09bf \u0985\u0982\u09b6\u0964 \u0989\u09a6\u09be\u09b9\u09b0\u09a3 1 - \u098f\u0995\u099f\u09bf \u09b8\u09cd\u09ac\u099a\u09cd\u099b\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":"https:\/\/i0.wp.com\/www.w3schools.com\/css\/klematis.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":6182,"url":"http:\/\/bangla.sitestree.com\/?p=6182","url_meta":{"origin":2771,"position":2},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09a1\u09be\u09df\u09ae\u09c7\u09a8\u09b6\u09a8 (CSS Dimension)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"CSS dimension \u09b9\u099a\u09cd\u099b\u09c7 \u098f\u09ae\u09a8 \u098f\u0995\u099f\u09bf properties \u09af\u09be element \u098f\u09b0 height \u098f\u09ac\u0982 width \u09a8\u09bf\u09df\u09a8\u09cd\u09a4\u09cd\u09b0\u09a3 \u0995\u09b0\u09c7\u0964 height \u098f\u09ac\u0982 width \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09be \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0\u00a0\u0989\u099a\u09cd\u099a\u09a4\u09be \u098f\u09ac\u0982 \u09aa\u09cd\u09b0\u09b8\u09b8\u09cd\u09a5\u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09a4\u09c7 height \u098f\u09ac\u0982 width \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u099c \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u0964 height \u098f\u09ac\u0982 width \u09b8\u09df\u0982\u0995\u09cd\u09b0\u09bf\u09df \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7 (\u09a1\u09bf\u09ab\u09b2\u09cd\u099f \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u0989\u099a\u09cd\u099a\u09a4\u09be \u098f\u09ac\u0982 \u09aa\u09cd\u09b0\u09b8\u09b8\u09cd\u09a5\u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09c7) \u09ac\u09be px, cm \u0987\u09a4\u09cd\u09af\u09be\u09a6\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":6317,"url":"http:\/\/bangla.sitestree.com\/?p=6317","url_meta":{"origin":2771,"position":3},"title":"Bootstrap Case: \u0986\u09ae\u09be\u09b0 \u09aa\u09cd\u09b0\u09a5\u09ae \u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f (My First Bootstrap Website)","author":"Author-Check- Article-or-Video","date":"February 14, 2015","format":false,"excerpt":"\u0985\u09a8\u09c1\u09ac\u09be\u09a6 \u0995\u09b0\u09c7\u099b\u09c7\u09a8 Abu Jubair Mahin \u00a0 \u09b8\u09cd\u0995\u09cd\u09b0\u09cd\u09af\u09be\u099a \u09a5\u09c7\u0995\u09c7 \u098f\u0995\u099f\u09bf \u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u0993\u09af\u09bc\u09c7\u09ac \u09aa\u09c3\u09b7\u09cd\u09a0\u09be \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c1\u09a8 \u09a8\u09bf\u099a\u09c7\u09b0 \u09aa\u09c3\u09b7\u09cd\u09a0\u09be\u09df Scratch (\u09b8\u09cd\u0995\u09cd\u09b0\u09cd\u09af\u09be\u099a) \u09a5\u09c7\u0995\u09c7 \u098f\u0995\u099f\u09bf \u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09a8\u09bf\u09b0\u09cd\u09ae\u09be\u09a3 \u0995\u09b0\u09be \u09b9\u09df \u09b8\u09c7\u099f\u09be \u09aa\u09cd\u09b0\u09a6\u09b0\u09cd\u09b6\u09a8 \u0995\u09b0\u09be \u09b9\u09ac\u09c7 \u0986\u09ae\u09b0\u09be \u098f\u0995\u099f\u09bf \u09b8\u09b9\u099c HTML \u09aa\u09c3\u09b7\u09cd\u09a0\u09be \u09a6\u09bf\u09af\u09bc\u09c7 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09ac, \u098f\u09ac\u0982 \u09aa\u09b0\u09c7 \u0986\u09ae\u09b0\u09be \u0985\u09a8\u09c7\u0995 \u09ac\u09c7\u09b6\u09bf \u09ac\u09c7\u09b6\u09bf components \u09b8\u09c7\u0996\u09be\u09a8\u09c7 \u09af\u09cb\u0997 \u0995\u09b0\u09ac, \u09af\u09a4\u0995\u09cd\u09b7\u09a3 \u09a8\u09be\u2026","rel":"","context":"In &quot;\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)&quot;","block_context":{"text":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=178"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6272,"url":"http:\/\/bangla.sitestree.com\/?p=6272","url_meta":{"origin":2771,"position":4},"title":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09b6\u09c7\u0996\u09be \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09be \u09af\u09be\u0995 (Bootstrap Get Started)","author":"Author-Check- Article-or-Video","date":"February 12, 2015","format":false,"excerpt":"Bootstrap \u0995\u09bf ???? Bootstrap \u09b9\u09b2 \u09ab\u09cd\u09b0\u09bf front-end framework, \u09b8\u09b9\u099c \u098f\u09ac\u0982 \u09a6\u09cd\u09b0\u09c1\u09a4 \u0997\u09a4\u09bf\u09b0 web development \u098f\u09b0 \u099c\u09a8\u09cd\u09af Bootstrap \u09b9\u09b2 HTML \u098f\u09ac\u0982 CSS \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0 \u09ae\u09c1\u09a6\u09cd\u09b0\u09a3\u09ac\u09bf\u09a6\u09cd\u09af\u09be, \u09ab\u09b0\u09cd\u09ae, \u09ac\u09be\u099f\u09a8, \u099f\u09c7\u09ac\u09bf\u09b2, \u09a8\u09c7\u09ad\u09bf\u0997\u09c7\u099f\u09b0, \u09ae\u09a1\u09be\u09b2\u09b8, \u0987\u09ae\u09c7\u099c carousels \u098f\u09ac\u0982 \u0986\u09b0\u0993 \u0985\u09a8\u09c7\u0995 \u0995\u09bf\u099b\u09c1, \u099c\u09be\u09ad\u09be \u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u09cd\u099f \u09aa\u09cd\u09b2\u09be\u0997\u09bf\u09a8 \u09b8\u09b9 \u09a1\u09bf\u099c\u09be\u0987\u09a8 templates \u09a4\u09b0\u09bf\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae Bootstrap \u098f\u09b0 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af\u09c7 \u09a4\u09c1\u09ae\u09bf \u09af\u09c7 \u0995\u09cb\u09a8 Responsive \u09a1\u09bf\u099c\u09be\u0987\u09a8\u2026","rel":"","context":"In &quot;\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)&quot;","block_context":{"text":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=178"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6160,"url":"http:\/\/bangla.sitestree.com\/?p=6160","url_meta":{"origin":2771,"position":5},"title":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 (CSS Background)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"CSS background properties \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df element \u098f\u09b0 background effects \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af\u0964 \u09af\u09c7 CSS properties \u0997\u09c1\u09b2\u09bf background effects \u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df \u09a4\u09be \u09a8\u09bf\u09ae\u09cd\u09a8\u09b0\u09c1\u09aa\u0983 background-color background-image background-repeat background-attachment background-position \u00a0 Background Color \u098f\u0995\u099f\u09bf element \u098f\u09b0 background color \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af background-color property \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u0964 \u098f\u0995\u099f\u09bf page \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":[]}],"_links":{"self":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/2771","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=2771"}],"version-history":[{"count":3,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/2771\/revisions"}],"predecessor-version":[{"id":3313,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/2771\/revisions\/3313"}],"wp:attachment":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2771"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2771"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}