সিএসএস

সুচিপত্র:

সিএসএস
সিএসএস

ভিডিও: Web Design | HTML & CSS | ওয়েব ডিজাইন - এইচটিএমএল ও সিএসএস | Kanak | Bangla 2024, মে

ভিডিও: Web Design | HTML & CSS | ওয়েব ডিজাইন - এইচটিএমএল ও সিএসএস | Kanak | Bangla 2024, মে
Anonim

সিএসএস নিম্নলিখিত যে কোনওটিকে উল্লেখ করতে পারে:

1. ক্যাসকেডিং স্টাইল শিটগুলির জন্য সংক্ষিপ্ত, সিএসএস হ'ল এমন একটি ভাষা যা একটি মার্কআপ ভাষায় লিখিত নথি উপস্থাপনের জন্য পুনরায় ব্যবহারযোগ্য শৈলীর বর্ণনা দিতে ব্যবহৃত হয়। ১৯৯৪ সালে হ্যাকন ওয়িয়াম লাই দ্বারা এর ধারণার সূত্রপাত হয়েছিল। ১৯৯ 1996 সালের ডিসেম্বর মাসে ডাব্লু 3 সি দ্বারা সিএসএসের একটি স্পেসিফিকেশন তৈরি করা হয়েছিল এবং আজ ওয়েব বিকাশকারীদের তাদের ওয়েব পৃষ্ঠাগুলির বিন্যাস এবং চেহারা পরিবর্তন করতে দেয়। উদাহরণস্বরূপ, সিএসএস নির্দিষ্ট এইচটিএমএল উপাদানগুলিতে ব্যবহৃত হরফ এবং তার আকার এবং রঙ পরিবর্তন করতে ব্যবহৃত হতে পারে। একক সিএসএস ফাইল একাধিক পৃষ্ঠাগুলির সাথে লিঙ্ক করা যেতে পারে, যা কোনও বিকাশকারীকে একই সাথে সমস্ত পৃষ্ঠার চেহারা পরিবর্তন করতে দেয়।

মাউস কার্সারটি উপরে চলে যাওয়ার পরে ফন্টগুলি, হাইপারলিংকের রঙ এবং একটি লিঙ্কের রঙ নির্ধারণ করতে সিএসএস কোড ব্যবহারের নীচের বাক্সটিতে একটি বেসিক উদাহরণ রয়েছে। এই নির্দিষ্ট উদাহরণে, আমরা কোনও নতুন ক্লাস বা আইডি নির্বাচক তৈরির পরিবর্তে কেবলমাত্র এইচটিএমএল ট্যাগ এবং পরিবর্তন করছি and

বডি {ফন্ট: সাধারণ 100% "ট্রবুচেট এমএস", আড়িয়াল, হেলভেটিকা, সানস-সেরিফ; } a {রঙ: # 000000; } এ: দেখা হয়েছে {রঙ: # 005177; } এ: হোভার {রঙ: # 005177; }

উপরের বাক্সে সিএসএস কোড নীচের কোডটি ব্যবহার করে কোনও পৃষ্ঠার এইচটিএমএলের প্রধান অংশে সন্নিবেশ করা যেতে পারে। তবে, মনে রাখবেন যে এই ক্রিয়াটি সম্পাদন করা কেবলমাত্র একক পৃষ্ঠায় এই পরিবর্তনগুলি প্রয়োগ করে।

আপনি যদি একাধিক পৃষ্ঠায় সিএসএস কোড ব্যবহার করতে চান তবে আমরা কোডটি একটি পৃথক সিএসএস ফাইলে সংরক্ষণ এবং তারপরে প্রতিটি পৃষ্ঠায় এটি লোড করার পরামর্শ দিই। উদাহরণস্বরূপ, এই পৃষ্ঠায় প্রথম বাক্সে প্রদর্শিত সিএসএস কোডটি.css ফাইল এক্সটেনশান সহ একটি ফাইলে অনুলিপি করে আটকানো যায়।

ডগা

আপনি যদি উইন্ডোজ ব্যবহার করেন তবে কোনও পাঠ্য সম্পাদক বা নোটপ্যাড ব্যবহার করে একটি সিএসএস ফাইল তৈরি করা যেতে পারে।

ফাইলটি সংরক্ষণের পরে, এটি ট্যাগটি ব্যবহার করে HTML কোডের শিরোনামে অবশ্যই লিঙ্ক করা উচিত। নিম্নলিখিত বাক্সটি ব্যবহারে এই উপাদানটির একটি উদাহরণ দেখায়।

  • URL বা সিএসএস ফাইলের জন্য এখানে পথ ">

    আপনি যদি সিএসএস ফাইলের নাম উদাহরণ.এসএস রেখেছেন, এবং এটি যে HTML ফাইলটি লোড করা হচ্ছে ঠিক একই ডিরেক্টরিতে থাকে তবে নিম্নলিখিত লাইনটি সিএসএস ফাইলটিকে লিঙ্ক করবে।

    সিএসএস 3 হ'ল সিএসএসের সংস্করণ (ক্যাসকেডিং স্টাইল শীট) যা CSS2 প্রতিস্থাপন করে । এটি নতুন নির্বাচক এবং বৈশিষ্ট্যগুলি প্রবর্তন করে যা পৃষ্ঠা বিন্যাস এবং উপস্থাপনের সাথে আরও নমনীয়তার জন্য অনুমতি দেয়। কিছু আপডেট, যেমন বাক্স-ছায়া সম্পত্তি (যা কোনও উপাদানের সাথে একটি ড্রপ ছায়া যুক্ত করতে দেয়), বিশেষ চিত্র তৈরি করার প্রয়োজন ছাড়াই ভিজ্যুয়াল এফেক্ট প্রয়োগ করার অনুমতি দেয়।