How to learn সিএসএস লিংক | SP Foundationbd

Html link কে css দিয়ে চমৎকার style করা যায়। যেমন

1.a{

2.color: maroon;

3.text-decoration:none;

  1.  

5.}

 

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

কয়েক ধরনের সিডো 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; দিতে হয় যেমন ৩ নম্বর লাইনে দিয়েছি।

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