যেকোন লিংক বা লেখার উপরে মাউস নিয়ে গেলে সাধারনত হাতের চিহ্ন বা তীর চেহ্ন ইত্যাদি দেখায়। সিএসএস দিয়ে এই চিহ্ন পরিবর্তন করা যায়।
Showing posts with label সিএসএস. Show all posts
Showing posts with label সিএসএস. Show all posts
সিএসএস কার্সর টিউটোরিয়াল পর্ব - ১৫
যেকোন লিংক বা লেখার উপরে মাউস নিয়ে গেলে সাধারনত হাতের চিহ্ন বা তীর চেহ্ন ইত্যাদি দেখায়। সিএসএস দিয়ে এই চিহ্ন পরিবর্তন করা যায়।
সিএসএস লিস্ট টিউটোরিয়াল পর্ব - ১২
এইচটিএমএল এ দুই ধরনের এলিমেন্ট আছে লিস্ট তৈরীর জন্য এটা আগে আমরা জেনে এসেছি। <ul></ul> এবং <ol></ol>
সিএসএস বর্ডার টিউটোরিয়াল পর্ব - ১১
এইচটিএমএল এলিমেন্ট এর চারপাশে বর্ডার দেয়া যায়। border-style, border-width, border-color ইত্যাদি প্রোপার্টি দিয়ে এই বর্ডারের অনেক স্টাইল করা যায়।
সিএসএস প্যাডিং এবং মার্জিন টিউটোরিয়াল পর্ব - ১০
প্যাডিং হচ্ছে এইচটিএমএল এলিমেন্টের বর্ডার এবং কনটেন্টের মাঝখানের দুরত্ব। যেকোন একটা এইচটিএমএল এলিমেন্টে সিএসএস দিয়ে বর্ডার দিন এবার সেখানে প্যাডিং দিন তাহলে স্পষ্ট দেখতে/বুঝতে পারবেন যে প্যাডিং দিলে কোথায় ফাকা বা স্পেস বাড়ে। যেমন
সিএসএস টেক্সক্ট টিউটোরিয়াল পর্ব - ০৯
টেক্সট এ শুধু ফন্ট দিয়ে সব রকম সৌন্দর্য আনা যায়না। তাই সিএসএস এ আরো বেশ কিছু প্রোপার্টিজ আছে যেগুলি দিয়ে টেক্সটকে নানানভাবে সাজানো যায়।
সিএসএস ফন্ট পর্ব - ০৮
এইচটিএমএল এলিমেন্টের ভিতরের টেক্সটের আকার, ফন্ট, গাঢ়তা ইত্যাদি পরিবর্তন এবং সাজাতে সিএসএস ফন্ট গুরত্বপূর্ন। এজন্য বেশ কিছু সিএসএস প্রোপার্টিজ আছে যেগুলির বহুল ব্যবহার প্রচলিত।নিচের সেগুলির উদাহরন সহ আলোচনা করা হল
সিএসএস ব্যাকগ্রাউন্ড টিউটোরিয়াল পর্ব - ০৭
সিএসএস ব্যাক্রগ্রাউন্ড একটি গুরত্বপূর্ন বিষয়। এইচটিএমএল এলিমেন্টের ব্যাকগ্রাউন্ড পরিবর্তনের জন্য সিএসএস এ বেশ কয়েকটি প্রোপার্টিজ আছে। নিচে আলোচনা করা হল।
সিএসএস আইডি টিউটোলিয়াল পর্ব - ০৬
আজ যে বিষয় নিয়ে আলোচনা করবো তারমদ্ধে কয়েকটি বাদে প্রায় প্রত্যেকটি এইচটিএমএল এলিমেন্টে id এট্রিবিউট ব্যবহার করা যায়। id এট্রিবিউটের মান ইচ্ছেমত দিতে পারেন। সহজ কথায় id এর মান হচ্ছে এলিমেন্ট টির একটা নাম। এই নাম ধরে সিএসএস এ এলিমেন্ট টিকে সিলেক্ট করা হয় এবং স্টাইলিং করা হয়। যেমন
সিএসএস ক্লাস টিউটোরিয়াল পর্ব - ০৫
আজকে আমরা যে বিসয় নিয়ে আলোচনা করবো সেটা হলো সিএসএস ক্লাস । এটি এইচটিএমএল id এট্রিবিউটের মত class আরেকটা এট্রিবিউট আছে। প্রায় সব এইচটিএমএল এলিমেন্টে এটা ব্যবহার করতে পারেন।
সিএসএস সিলেক্টর টিউটোরিয়াল পর্ব - ০৪
সিএসএস সিলেক্টর কে সিএসএস এর হৃদপিন্ড বলা হয়। বিভিন্ন ধরনের সিলেক্টর আছে,এসব দিয়ে এইচটিএমএল পেজের এলিমেন্ট সিলেক্ট করা যায় এবং সিলেক্ট করার পর নিজের ইচ্ছেমত স্টাইলিং করা যায়।সিএসএস সিলেক্টর এর ব্যাপারে খুব গভীর এবং স্বচ্ছ ধারনা থাকতে হবে।সিলেক্টর নিয়ে কাজ করার আগে কিছু টার্ম জানতে হবে যেমন:
এক্সটার্নাল সিএসএস পর্ব - ০৩
ইন্টারনাল বা ইনলাইন সিএসএস খুব প্রয়োজন ছাড়া লেখা হয়না, লেখা উচিৎ ও নয়। কারন এতে এইচটিএমএল ফাইল দেখতে নোংড়া লাগে এবং অনেক বড় হয়ে যায়। তাই সব সিএসএস রুলকে একসাথে করে একটা ফাইলে রেখে সেটা .css এক্সটেনশন নাম দিয়ে (যেমন style.css) সেভ করে HTML ফাইলে সংযুক্ত করে দিলেই হয়ে যায়। এটার নামই হচ্ছে এক্সটার্নাল সিএসএস। এইচটিএমএল এ link নামে একটা ট্যাগ আছে এটা দিয়েই সংযোগ দেয়া যায়। একটা উদাহরন....
ইন্টারনাল সিএসএস টিউটোরিয়াল পর্ব - ০২
সিএসএস নিয়ে মৌলিক আলোচনা হয়েছে এবার শিখতে হবে কোথায় এবং কিভাবে সিএসএস লিখব। ৩ ভাবে সিএসএস রুল লেখা যায়
১. ইনলাইন (Inline CSS) : এর আগে এইচটিএমএল টিউটোরিয়ালেগুলিতে অনেক ইনলাইন সিএসএস ব্যবহার করেছি। এইচটিএমএল এলিমেন্টের start tag এর ভিতরই style এট্রিবিউট দিয়ে সিএসএস লেখা যায়। বিস্তারিত ...
সিএসএস ইনলাইন টিউটোরিয়াল পর্ব -০১
এইচটিএমএল এলিমেন্টে style এট্রিবিউট দিয়ে সিএসএস এর রুল লেখা হয় এটাই ইনলাইন সিএসএস। এর আগে এইচটিএমএল টিউটোরিয়ালে বেশ কয়েক জায়গায় ইনলাইন সিএসএস ব্যবহার করেছি। খুব প্রয়োজন না হলে ইনলাইন সিএসএস লেখা উচিত নয়। মুলত সবসময় এক্সটার্নাল সিএসএস ই্ ব্যবহার করা উচি্ত। নিম্নে ব্যাবহার দেয়া হলো...
সিএসএস টিউটোরিয়াল ভূমিকা
সিএসএস টিউটোরিয়াল ভূমিকা
এইচটিএমল ডকুমেন্টের যেকোন এলিমেন্টকে স্টাইলিং বা একটা রুপ দিতে সিএসএস ব্যবহার হয়। একটা প্যারাগ্রাফ (<p></p>) বা হেডিং (<h1></h1>) বা যেকোন এলিমেন্ট কে ধরুন রং করতে চান, ফন্ট বড় ছোট করতে হবে, অবস্থান এক দিক থেকে অন্যদিকে নিতে হবে, ব্যাকগ্রাউন্ড রং বদলাতে হবে এরুপ শত ধরনের স্টাইল পরিবর্তন সিএসএস দিয়ে করা হয়। বিশেষ করে লেআউট তৈরীর জন্য সিএসএস সবচেয়ে বেশি জরুরি।
