CSS কি CSS এর কাজ কি?

CSS কি CSS এর কাজ কি?

CSS কি? CSS এর কাজ কি?

CSS কি? Cascading Style Sheet এর সংক্ষিপ্ত রূপ হচ্ছে CSS (আমরা CSS কিভাবে কাজ করে? বা তার সি.এস.এস তা বিস্তারিত জানবো)। সহজ ভাষায় ওয়েব পেজের বিভিন্ন উপাদানের গঠন, আকার, আকৃতি, অবস্থান, রং, গতিশীলতা ইত্যাদি নির্ধারণের সহজ কৌশল হচ্ছে CSS । ওয়েব ডিজাইন করতে গেলে Css সম্পর্কে সঠিক ধারনা থাকা জরুরি। CSS কী? CSS এর কাজ কি? Css এমন একটি ভাষা যা এইচটিএমএল ডকুমেন্টের স্টাইল বর্ণনা করে। কারণ HTML হলো ওয়েব পেজের গঠন। ওয়েব পেজকে সুন্দর ও আকর্ষনীয় করার জন্য Css ব্যবহার করা হয়। যেমন একটি বিল্ডিং তৈরি করার পর রং করতে হয় তেমনি ওয়েব পেজ ডিজাইন করার পর বিভিন্ন ডিজাইন দিতে হয়। আর এই ডিজাইন দেওয়ার জন্য ব্যবহার করা হয় Css (cascading style sheets)। সিএসএস বর্ণনা করে যে কীভাবে এইচটিএমএল উপাদানগুলি স্ক্রিন, বা অন্য মিডিয়ায় প্রদর্শিত হবে। Html এবং সিএসএস css সবসময় একসাথে ব্যবহৃত হয়।

কেন CSS ব্যবহার করবো? Web design CSS কেন? এত গুরুপ্ত দিতে হয়। HTML, CSS, JavaScript এবং React সম্পর্কে জানি। এগুলিকে কাজে লাগানোর সহজ উপায় কী?

আসলে সিএসএস ও একটি  ল্যাঙ্গুয়েজে   Html এর মতোই  Html এ অনেকরকমের ট্যাগ ব্যবহার করা হয়, যেমন  <h1> header tag ,<p> paragraph tag, <img> image tag  এই সমস্ত ট্যাগ গুলিকে আমাদের ব্রাউজারে আরো সুন্দর ভাবে দেখানোর জন্য সি এস এস ব্যবহার করা হয়। সংক্ষেপে, এটি ওয়েবসাইটের এইচটিএমএল উপাদানগুলিকে (Element) নিয়ন্ত্রণ করে।

সিএসএস  এর কাজ হলো ওয়েব পেজটিকে আকর্ষিত করা বা ডিজাইন বা Layout তৈরী  করা। HTML এবং CSS এই দুটি দিয়েই আপনি পুরো ওয়েবসাইট এর ডিসাইন করতে পারবেন। এক কথায় একটি সুন্দর ওয়েবসাইট ডিসাইন করতে হলে আপনাকে এই  CSS Language খুব ভালো করে শিখতে হবে।

CSS এর কাজ কি?

সিএসএস এর সাহায্যে আপনি HTML পেজ এর টেক্সট গুলিকে নতুন নতুন রং দিতে পারবেন। এছাড়াও যেমন কোনো টেক্সট এর ব্যাকগ্রাউন্ড কালার চেঞ্জ করা পুরো ওয়েবপেজ এর কালার চেঞ্জ করতে পারবেন টেক্সট সাইজ বড় ছোট করা ও আকার বদলাতে এবং আপনার ওয়েব পেজ এর কোথায় কি আপনি রাখতে চান কোন জায়গায় সেটি আপনি ফিক্স করতে পারবেন এই সিএসএস এর সাহায্যে।আপনি অ্যানিমেশন তৈরী করতে পারবেন। আপনি যদি একজন ওয়েব ডিসাইনার হতে চান তাহলে আপনাকে সিএসএস খুব ভালোভাবে শিখতেই হবে।

আমি WEB Development এর জন্য PHP শিখতে চাই। এর পরিবর্তে অন্য কিছু কি শেখা ভালো হবে?

CSS এর সুবিধা

সকল ব্রাউজার এ ভাষাটি বুঝতে পারে তাই এটি ব্যবহার করলে ওয়েব পেজটি লোড করতে কোনো জামেলা হয় না। ওয়েব পেজকে খুব সহজেই ব্যবহার কারির কাছে প্রদর্শন করে।

 

Note: আপনারা W3Schools গিয়ে CSS কী? CSS এর কাজ কি?কোডিং শিখতে পারেন।

HTML Class ও ID ব্যবহারের নিয়ম

HTML Class ও ID ব্যবহারের নিয়ম

HTML Class ও ID ব্যবহারের নিয়ম

ওয়েব সাইট তৈরি করার জন্য আনেক উপাদান ব্যবহার করা হয়। ওয়েব পেজটিকে সুন্দর ও আকর্ষনীয় করে তেরার জন্য HTML ট্যাগের ভিতরে Class বা ID ব্যবহার করা হয়। এই Class বা ID টি ধরে CSS দিয়ে সুন্দর সুন্দর ডিজাইন করা হয়। আনের মনে হতে পারে Class বা ID ছাড়াকি উপাদান গুলো ডিজাইন করা যায় না। ট্যাগ গুলোকে ধরে ডিজাইন করা যায় তবে এই নিয়মটি না মানাই ভালো। কারণ হলো আপনার ওয়েব পেজে একটি <p> </p> থাকবে না আনেক গুলো <p> </p> যদি আপনি Class বা ID ব্যবহার না করেন তবে সকল <p> </p> ট্যাগ একই ডিজাইন পাবে। এই সমস্যা দুর করার জন্য Class বা ID ব্যবহার করা উত্তম।

HTML Class ব্যবহারের নিয়মঃ

HTML যেকোন ট্যাগ এর ভিতর Class ব্যবহার করা যায়। Class ব্যবহারের জন্য প্রথমে HTML ট্যাগ টি লিখতে হবে তার পর HTML শুরুর ট্যাগ এর ভিতরে Class লিখে Class Name দিতে হবে।

যেমনঃ

<p class=”demo”> this is paragraph </p>

এখানে <p> </p> এ Class ব্যবহার করা হয়েছে যার নাম “demo” এই Class টিকে ডিজাইন করার জন্য নিম্নে নিয়মটি দেখেন

. দিয়ে Class name টি দিতে হবে।

যেমনঃ

.demo {

Background-color: #000;

}

HTML ID ব্যবহারের নিয়মঃ

HTML যেকোন ট্যাগ এর ভিতর id ব্যবহার করা যায়। id ব্যবহারের জন্য প্রথমে HTML ট্যাগ টি লিখতে হবে তার পর HTML শুরুর ট্যাগ এর ভিতরে id লিখে Class Name দিতে হবে।

যেমনঃ

<p id=”demo”> this is paragraph </p>

এখানে <p> </p> এ id ব্যবহার করা হয়েছে যার নাম “demo” এই id টিকে ডিজাইন করার জন্য নিম্নে নিয়মটি দেখেন

দিয়ে id name টি দিতে হবে।

যেমনঃ

#demo {

Background-color: #000;

}

Pin It on Pinterest

My title page contents