সিএসএস লিংক রঙ শিখবেন কীভাবে
নিচের কোর্স এবং অন্যান্য ট্রেনিং রিসোর্সগুলো দেখে আপনি সিএসএস লিংক রঙ শিখতে পারেন। আপনার আগ্রহের লিংকগুলোরে গভীরে যান।
সিএসএস লিংক রঙ কী
সিএসএস লিংক রঙ আপনার ওয়েব পেজের এম্বেডেড লিংকগুলোর রঙ নিয়ন্ত্রণ করে। আপনি যখন একটি লিংক যোগ করেন, এর রঙ আপনার স্টাইলিং অপশন দ্বারা নিয়ন্ত্রিত হয়। আপনি আপনার অ্যাপ্লিকেশনের কালার স্কিমের সাথে মিলিয়ে ইনলাইন স্টাইলিং, এবং সিএসএস স্টাইলশিটের মতো বিভিন্ন মেথড ব্যবহার করে রঙগুলো পরিবর্তন করতে পারেন।
সিএসএস লিংক রঙ কিসের জন্য ব্যবহৃত হয়
সিএসএস লিংক রঙ আপনার ওয়েব পেজের এম্বেডেড লিংকগুলোর রঙ নিয়ন্ত্রণ করে।
- সিএসএস লিংক রঙ আপনার এম্বেডেড লিংকগুলিকে আপনার টেক্সট থেকে আলাদা রঙে ডিফাইন করতে ব্যবহৃত হয় যাতে সেগুলো আলাদা দেখা যায়।
সিএসএস লিংক রঙ শিখুন
আপনি এই ওয়েবসাইটে সিএসএস লিংক রঙ শিখতে পারেন। W3school-এর গাইড আপনার কালার স্কিম পরিবর্তন করার উপায় অফার করে। এই রিসোর্সে, আপনি লিংকের বিভিন্ন স্টেজ শিখবেন যা ব্যবহারকারীর সাথে ইন্টারঅ্যাক্ট করার সময় ঘটে এবং কীভাবে সিএসএস ব্যবহার করে একটি লিংককে বাটনের মতো স্টাইল করবেন।
এছাড়াও এই সিএসএস বেসিকস ওয়েবসাইটটি দেখুন যাতে আপনি লিংক স্টাইল করার কিছু টিপস এবং ট্রিকস পড়তে পারেন।
সিএসএস লিংক রঙ শিখতে কতক্ষণ লাগে
সিএসএস লিংক রঙ শিখতে কতক্ষণ লাগবে সেটি আপনার ওপর এবং শিখতে আপনার কমিটমেন্ট এবং ডিসিপ্লিনের ওপর নির্ভর করে।
সিএসএস লিংক রঙ শিখুন: ধাপে ধাপে
- চারটি লিংক স্টেট a:active, a:hover, a:visited, এবং a:link। নিচের উদাহরণটি রেফার করুন।
Eg./* একটি লিংক যা ভিজিট করা হয়নি */
a:link {
color: pink;
}/* একটি লিংক যা ভিজিট করা হয়েছে */
a:visited {
color: blue;
}/* একটি লিংক যার ওপর হোভার করা হয়েছে */
a:hover {
color: red;
}/* একটি লিংক যা সিলেক্ট করা হয়েছে */
a:active {
color: green;
} - লিংক রঙ লিংকে জোর দেওয়ার জন্য গুরুত্বপূর্ণ। নিচের উদাহরণটি রেফার করুন।
Eg.
a {
color: green;
} - টেক্সট ডেকোরেশনের চারটি সম্ভাব্য মান রয়েছে: underline, overline, line-through, এবং none। বিভিন্ন প্রপার্টি পরিবর্তন করার জন্য নিচের উদাহরণটি দেখুন।
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: underline;
} - ব্যাকগ্রাউন্ড রঙও লিংকের রঙের সাথে সেট করা যায়। নিচের উদাহরণটি দেখুন।
a:link {
background-color: green;
a:visited {
background-color: blue;
}
a:hover {
background-color: red;
}
a:active {
background-color: pink;
}
সিএসএস লিংক
আপনি কি সিএসএস লিংক রঙ পড়া উচিত
আপনি যদি আপনার পেজ আরও কাস্টমাইজ করার পদ্ধতি শিখতে চান তবে সিএসএস লিংক রঙ পড়ুন। এছাড়াও এর পেছনের লজিক বুঝতেও এটি উপকারী।