“ওয়ান মার্কেট ”
CSS এর
প্রথম অংশে আপনারা ইতিমধ্যে css সম্পর্কে কিছু ভিত্তিক বিষয়ের সাথে স্টাইল
শিট কীভাবে আপনার HTML বা xHtml পেজের সাথে সংযুক্ত করবেন তার একটি
External attachment সম্বন্ধে জেনেছেন। আর আজ আমরা Internal, inline ও css
background নিয়ে আলোচনা করবো।
Internal attachment: CSS আসলে খুব flexible .যাইহোক আপনি ইচ্ছে করলে কোন একটি পেজের সাথেই CSS কোড সংযুক্ত করতে পারেন সাধারণত যখন একটি বিচ্ছিন্ন একটি পেজের জন্য অল্প স্টাইল করার প্রয়োজন হয় তখন এইভাবে
Internal attachment: CSS আসলে খুব flexible .যাইহোক আপনি ইচ্ছে করলে কোন একটি পেজের সাথেই CSS কোড সংযুক্ত করতে পারেন সাধারণত যখন একটি বিচ্ছিন্ন একটি পেজের জন্য অল্প স্টাইল করার প্রয়োজন হয় তখন এইভাবে
Inline attachment: নামেই বোঝা যায় যে এই attachment এর মাধ্যমে যে
এলেমেন্টকে স্টাইল করা হবে তার সাথেই যুক্ত থাকবে । ধরুন পেজের সকল
emphasis করা বাক্যগুলোর background কালার হলুদ করতে চান কিন্তু একটি বিশেষ
emphasized বাক্যের background color ভিন্ন (#690) দিতে চান তবে এই inline
styling নিচে দেখানো হলঃ
ইতমধ্যে overloading হয়ে গেছে। Multiple stylesheet একটি অতি প্রয়োজনীয়
বিষয় যা বুঝতে ধরা যাক একটি এক্সটারনাল CSS ফাইলে tag এর জন্য
কিছু property value সেট করা আছে আবার ইন্টারনালি tag এর আরও
কিছু property value দেওয়া হল তবে internally যে property value দেয়া
আছে সেগুলো প্রাধান্য পাবে কিন্তু যে properties গুলো এক্সটারনাল ফাইলে
বর্ণনা করা আছে কিন্তু internal শিটে নেই সেগুলো সরাসরি inherited হবে। CSS
background এর মাধ্যমে কোন একটি এলিমেন্টের পটভূমিতে নির্দিষ্ট রং কিংবা
প্রয়োজনে ছবিও সেট করতে পারবেন। নিচে লক্ষ করুনঃ
P{background: green;} [সকল প্যারাগ্রাফের পেছনে সবুজ রং]
div{ background-image:url(sample.jpg);margin:10px;} [সব div এর একই ব্যাকগ্রাউন্ড ইমেজ sample.jpg]
Background image এর সাথে repeat-x, repeat-y, and repeat-all ইত্যাদি সম্পর্কিত। আজ এ পর্যন্তই। ধন্যবাদ বন্ধুরা।
Post a Comment