আমরা যেহেতু ওয়েব ডিজা্ইন শিখছি তা্ই আমি মনে করি আপনারা সবাই HTML অধ্যায় গুলো শেষ করেছেন যার অর্থ হচ্ছে আপনি প্রায় ৯০% HTML পারেন। আর যারা অধ্যায় গুলো শেষ করেন নি তাদের জন্য । এডভান্স এইচটিএমএল অধ্যায় ১-২৫ এক নজর দেখে আসবেন ১৫ দিনের মধ্যে শেষ করবেন।
আজ আমরা সিএসএস এর ইন্টারনাল সিএসএস সর্ম্পকে জানব এবং কিভাবে করব তা দেখব।
যেকোন এইচটিএমএল ডকুমেন্টে <head></head> এর ভিতর style ট্যাগ ব্যবহার করে ইন্টারনাল সিএসএস লেখা হয়।
উদাহারণ:
<!DOCTYPE html>
<html>
<head>
<style>
h1{
color: #f00;
background: yellow;
text-align: center;
}
</style>
</head>
<body>
<h1>Webcoachbd demo heading</h1>
<p>demo content goes here.</p>
</body>
</html>
ব্যাখ্যা : কিভাবে শুরু করেছে এখানে খুব ভাল ভাবে আপনি লক্ষ্য করুন এক বার না বুঝলে কোড গুলো ৩ বার চেষ্টা করুন। সাধারণত এভাবেই সিএসএস লেখা শুরু করতে হয় । অর্থ্যাৎ প্রথমে সিলেক্টর এরপর দ্বিতীয় বন্ধনীর (curly braces ) মধ্যে একটা একটা করে প্রেপার্টি এবং তার মান দেয়া হয়। color লাইনে একটা প্রেপার্টি এবং এর মান দিয়েছি #f00 (এটা একটা কালার কোড যেটা লাল রং প্রদর্শন করায়) এভাবে পরের গুলো একই রকম। আশা করি বুঝতে পেরেছেন । আর না বঝুলে আমাদের পেইজবুক পেইজে দেখে নিবেন এবং প্রশ্ন করবেন।
** প্রোপার্টি এবং এর মানের মাঝে কোলন (:) চিহ্ন দিতে হবে এবং মানের শেষে সেমিকোলন (;) দিতে হবে তা নাহলে কোড কাজ করবেনা।
** ইন্টারনাল সিএসএস <head></head> ট্যাগের ভিতর লেখাই নিয়ম তবে ডকুমেন্টের অন্য কোথাও দিলেও কাজ করবে (সাধারনত body এলিমেন্টর ভিতরও দেয়া যায়)।
** প্রোপার্টি গুলির মান নির্দিষ্ট থাকে তাই শুধু সেগুলিই ব্যবহার করতে পারবেন। যেমন text-align প্রেপার্টি টির মান ৫ ধরনের হতে পারে "left", "right", "center", "justify", "inherit"
left দিলে এলিমেন্টের লেখাটি বামে দেখাবে। right দিলে ডানে, justify দিলে দুদিকে সমান করে দেখাবে যেমন পত্রিকার কলামগুলি দেখায়। center দিলে মাঝে এবং inherit দিলে প্যারেন্ট এলিমেন্টের টা প্রয়োগ হবে।
আবার color এর মান শুধু যেকোন বৈধ কালার কোড বা কালারের নামই হতে হবে তবে যেকোন রং হতে পারেন যেমন আমি #foo দিয়েছি আপনি চাইলে #000 (কালো) বা অন্য কোন রং দিতে পারেন এমনকি রংয়ের নামও দেয়া যায় যেমন maroon। যেমন আমি background প্রোপার্টির মান দিয়েছি yellow এভাবে..
আজ আমরা সিএসএস এর ইন্টারনাল সিএসএস সর্ম্পকে জানব এবং কিভাবে করব তা দেখব।
যেকোন এইচটিএমএল ডকুমেন্টে <head></head> এর ভিতর style ট্যাগ ব্যবহার করে ইন্টারনাল সিএসএস লেখা হয়। উদাহারণ:
<!DOCTYPE html>
<html>
<head>
<style>
h1{
color: #f00;
background: yellow;
text-align: center;
}
</style>
</head>
<body>
<h1>Webcoachbd demo heading</h1>
<p>demo content goes here.</p>
</body>
</html>
ব্যাখ্যা : কিভাবে শুরু করেছে এখানে খুব ভাল ভাবে আপনি লক্ষ্য করুন এক বার না বুঝলে কোড গুলো ৩ বার চেষ্টা করুন। সাধারণত এভাবেই সিএসএস লেখা শুরু করতে হয় । অর্থ্যাৎ প্রথমে সিলেক্টর এরপর দ্বিতীয় বন্ধনীর (curly braces ) মধ্যে একটা একটা করে প্রেপার্টি এবং তার মান দেয়া হয়। color লাইনে একটা প্রেপার্টি এবং এর মান দিয়েছি #f00 (এটা একটা কালার কোড যেটা লাল রং প্রদর্শন করায়) এভাবে পরের গুলো একই রকম। আশা করি বুঝতে পেরেছেন । আর না বঝুলে আমাদের পেইজবুক পেইজে দেখে নিবেন এবং প্রশ্ন করবেন।
** প্রোপার্টি এবং এর মানের মাঝে কোলন (:) চিহ্ন দিতে হবে এবং মানের শেষে সেমিকোলন (;) দিতে হবে তা নাহলে কোড কাজ করবেনা।
** ইন্টারনাল সিএসএস <head></head> ট্যাগের ভিতর লেখাই নিয়ম তবে ডকুমেন্টের অন্য কোথাও দিলেও কাজ করবে (সাধারনত body এলিমেন্টর ভিতরও দেয়া যায়)।
** প্রোপার্টি গুলির মান নির্দিষ্ট থাকে তাই শুধু সেগুলিই ব্যবহার করতে পারবেন। যেমন text-align প্রেপার্টি টির মান ৫ ধরনের হতে পারে "left", "right", "center", "justify", "inherit"
left দিলে এলিমেন্টের লেখাটি বামে দেখাবে। right দিলে ডানে, justify দিলে দুদিকে সমান করে দেখাবে যেমন পত্রিকার কলামগুলি দেখায়। center দিলে মাঝে এবং inherit দিলে প্যারেন্ট এলিমেন্টের টা প্রয়োগ হবে।
আবার color এর মান শুধু যেকোন বৈধ কালার কোড বা কালারের নামই হতে হবে তবে যেকোন রং হতে পারেন যেমন আমি #foo দিয়েছি আপনি চাইলে #000 (কালো) বা অন্য কোন রং দিতে পারেন এমনকি রংয়ের নামও দেয়া যায় যেমন maroon। যেমন আমি background প্রোপার্টির মান দিয়েছি yellow এভাবে..
+Copyright+%C2%A9+2011.JPG)
0 আপনার মতামত:
Post a Comment
আপনার যদি ভাল লাগে তাহলে আমরা খুশি হব। আমাদের অনুপ্রেরণা জানাতে কমেন্ট করুন আমাদের কে । আমরা আপনাকে আরও ভাল পোস্ট দেওয়ার চেষ্ঠা করব।
ভাই আমি যে বিষয় গুলো জানি তা পোস্ট করি ।
(বি:দ্র: যদি মনে হয় আমি এই বিষয় টি কপি করেছি তাহলে হ্যা কপি করেছি । কারণ আমি বিষয় টি সম্পর্কে কিছু জানি আর অন্য কে জানাতে পারি আরও সহজ ভাবে লিখি। ভাই অংক দুই ভাবে করা যায় একটি হচ্ছে সহজে আর একটি নিয়ম হচ্ছে কঠিন নিয়ম। আমি সহজ এবং সঠিক নিয়মে যদি কোন বিষয় প্রকাশ করি তাহলে ত হল। এতে করে যে লোক গুলো ভাল ভাবে কম্পিউটার জানে না তারা জানতে পারবে। আপনি কী চান না আমাদের দেশের সকল লোক কম্পিউটার সম্পর্কে জানুক? বি:দ্র টি লেখলাম য়ারা কম্পিউটার সম্পকে ভালে বা বেশি জানেন তাদের জন্য )