সিএসএস লিংক টিউটোরিয়াল (CSS Link Tutorial in bangla)

সিএসএস লিংক টিউটোরিয়াল (CSS Link Tutorial in bangla)

এইচটিএমএল লিংক কে সিএসএস দিয়ে চমৎকার স্টাইল করা যায়। যেমন

1.a{

2.color: maroon;

3.text-decoration:none;

4. 

5.}

এখন ধরুন আপনি চান লিংকের রং মেরুন রংয়ের দেখাক কিন্তু যখন একবার ইউজার লিংটিতে ক্লিক করবে এরপর থেকে লাল দেখাবে যাতে করে ইউজার বুঝতে পারে কোন কোন লিংক সে ভিজিট করেছে। এসব করতে সিএসএস বিশেষ ক্লাস আছে নাম pseudo-class.
কয়েক ধরনের সিডো ক্লাস আছে যেমন

01.a{

02.color:maroon;

03.text-decoration:none;

04.}

05.a:visited{

06.color:red;

07.}

08.a:hover{

09.color: #000;

10.text-decoration : underline;

11.}

12.a:focus{

13.color: magenta;

14.}

15.a:active{

16.color: yellow;

17.}

প্রয়োগ দেখুন

** সিডো ক্লাস দিয়ে স্টাইলিং করতে সিলেক্টর এরপর কোলন (:) দিয়ে বিশেষ নামটি (যেমন visited, active, hover ইত্যাদি) দিতে হয়। যেমন উপরের নামগুলি দেখুন বোঝাই যাচ্ছে কোনটার কাজ কি।
a:visited দিয়ে যে স্টাইল দিয়েছি সেটা শুধু কোন লিংক ভিজিট হলেই সেই লিংকের উপর প্রয়োগ হবে আবার a:hover এর কারনে লিংকের উপর মাউস নিয়ে গেলে রং কালো এবং লিংকের নিচে রেখা চলে আসবে।
এভাবে a:active এর কারনে লিংক একটিভ থাকলে এখানকার স্টাইলগুলি কার্যকর হবে এভাবে বাকিগুলি।

** বাই ডিফল্ট লিংকের নিচে একটা রেখা থাকে যদি উঠিয়ে দিতে চান তাহলে text-decoration : none; দিতে হয় যেমন ৩ নম্বর লাইনে দিয়েছি।

** আমি এখানে দু/একটি করে প্রোপার্টিজ দিয়ে স্টাইল করেছি আপনি সিএসএস এর যেকোন প্রোপার্টিজ ব্যবহার করে ইচ্ছেমত স্টাইল করতে পারেন এমনকি ছবিও দিতে পারেন।