|
ইন্টারনাল সিএসএস টিউটোরিয়াল (Internal
CSS)
|
|
লেখক
রাসেল
খান
|
Cascading Style Sheets লেখার তিনটি ধরন আছে যেমন - internal,
external এবং inline। যখন আপনারা
ইন্টারনাল সিএসএস ব্যবহার করবেন তখন অবশ্যই একটা নতুন ট্যাগ যোগ করতে হবে যেটা
হচ্ছে <style> tag এবং যা HTML
<head> ট্যাগ এর ভিতরে রাখতে হবে। নিচে উদাহরন দেয়া হলো।01.<html>02.<head> 03.<style>04.</style>05.</head>06.<body>07.<p>Your
page's content!</p>08.</body>09.</html>ইন্টারনাল সিএসএস কোড তৈরী:HTML code এর মত করে CSS code লেখা হয় না, যার অর্থ এই দাড়ায় CSS যা HTML এর মত নয়।নিচে উদাহরন দেয়া হলো। 01.<html>02.<head>03.<style>04.p {color: white; }05.body
{background-color: black; }06.</style>07.</head>08.<body>09.<p>White
text on a black background!</p>10.</body>11.</html>
White text on a black background!
উপরের উদাহরনে আপনারা দেখেছেন CSS code এর মাধ্যমে <body> and <p> HTML tags এর এলিমেন্ট পরিবর্তিত হয়ে গেছে।সাধারন সিএসএস ফরমেট"HTML tag" { "CSS Property" : "Value" ; }
তারপর CSS attribute color নির্বাচন করেছি - p { color: ; } পরে Value হিসাবে আমরা ফন্ট এর color নির্বাচন করেছি - p { color: white; } এসব করার ফলে কি হয়েছে paragraph tag এর মধ্যে অবস্থিত সকল লেখা সাদা হয়ে গেছে ।
তারপর CSS attribute, background-color নির্বাচন করেছি - body { background-color: ; } CSS attribute background-color এর রং নির্বাচন করেছি - body { background-color: black; } অনেক সময় দেখা যাবে যে সিএসএস স্টাইল প্রয়োগ করার পরও তা প্রদর্শন করছে না তখন আমাদের যেসব বিষয় লক্ষ রাখতে তা হলো আমরা সিএসএস attribute এর পর কোলন এবং সিএসএস attribute এর ভেলুর পর সেমিকোলন ঠিক মত দিয়েছে কিনা { CSS attribute : value;}। |
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন