কিভাবে নোটপ্যাড ব্যবহার করে একটি সাধারণ CSS স্টাইলশীট তৈরি করা যায়

লেখক: Clyde Lopez
সৃষ্টির তারিখ: 20 জুলাই 2021
আপডেটের তারিখ: 1 জুলাই 2024
Anonim
CSS টিউটোরিয়াল কিভাবে নোটপ্যাড ++ এ CSS স্টাইল শীট তৈরি করবেন?
ভিডিও: CSS টিউটোরিয়াল কিভাবে নোটপ্যাড ++ এ CSS স্টাইল শীট তৈরি করবেন?

কন্টেন্ট

নোটপ্যাড একটি টেক্সট এডিটর যা একটি ক্যাসকেডিং স্টাইল শীট (CSS) ডকুমেন্ট তৈরি করতে ব্যবহার করা যেতে পারে। নোটপ্যাডে একটি CSS ফাইল তৈরির পরে, আপনি সেই ফাইলটিকে একটি ওয়েব পেজে লিঙ্ক করতে পারেন যাতে ওয়েব পেজের বিষয়বস্তু আপনার স্টাইলশীটের সাথে ফরম্যাট করা যায়।

ধাপ

  1. 1 নোটপ্যাড প্রোগ্রামটি খুলুন।
  2. 2নিম্নলিখিত কোডটি অনুলিপি করুন:

harচারসেট "utf-8"; / * CSS ডকুমেন্ট * // * বডি এলিমেন্টের রঙ নির্ধারণ করুন ফন্ট-ওজন: স্বাভাবিক; color: Navy} a: পরিদর্শন {font-weight: normal; রঙ: সবুজ;} a: হোভার {font-weight: bold; লাল রং; font-variant: small-caps;} / * এই বিভাগটি একটি অনুচ্ছেদ বিভাগের জন্য * / p {font-style: italic; font-size: 18px;} blue {color: # 0000FF;} / * এই বিভাগটি ছবির কালো সীমানার জন্য। * / img {border-color: # 000000; সীমানা: ঘন; সীমানা-শৈলী: রিজ;}

# নোটপ্যাডে "ধাপ 2" থেকে কোড আটকান।


  1. 1 ফাইলটি নোটপ্যাডে সংরক্ষণ করুন। "ফাইল" বোতামে ক্লিক করে এবং "সংরক্ষণ করুন" কমান্ডটি নির্বাচন করে "SimpleCSS.css" নামে এটি সংরক্ষণ করুন। "সংরক্ষণ করুন" বোতামে ক্লিক করার পরে, "সংরক্ষণ করুন" ডায়ালগ বক্সটি প্রদর্শিত হবে।
  2. 2 আপনার CSS ফাইলের নাম দিন। একটি ".css" এক্সটেনশন সহ "SimpleCSS.css" বা "ফাইলের নাম" পাঠ্য বাক্সে কোন নাম লিখুন।
  3. 3 "সংরক্ষণ করুন" বোতামে ক্লিক করুন।
  4. 4 এটা হয়ে গেছে!

পরামর্শ

  • নোটপ্যাড ফাইলটি শুধুমাত্র পাঠ্য হিসাবে সংরক্ষণ করুন (কখনও কখনও আপনি এটিকে টেক্সট ডকুমেন্ট বা ASCII বলতে পারেন) এবং এটি ".css" এক্সটেনশন দিন।
  • আমরা এখানে যে কোডটি লিখেছি তা হল একটি উদাহরণ যা আপনাকে দেখায় কিভাবে নোটপ্যাড ব্যবহার করে একটি মৌলিক CSS ফাইল তৈরি করতে হয় যার HTML উপাদানগুলিকে আমাদের নমুনা ওয়েব পেজে ভূমিকা বিভাগে প্রদর্শিত হয়। আপনি আমাদের সিএসএস কোডিং পরিবর্তন করতে পারেন, তবে আপনি কিভাবে ওয়েব পেইজের স্টাইল এবং চেহারা ফরম্যাট করতে চান।
  • সেভ করা CSS ডকুমেন্টটি আপনার HTML ডকুমেন্টের একই ফোল্ডারে রাখতে ভুলবেন না যেখানে আপনি আপনার ওয়েব পেজ তৈরি করেছেন।
  • আপনার CSS ডকুমেন্ট তৈরি করার পর, আপনাকে পরবর্তী পদক্ষেপ নিতে হতে পারে; অর্থাৎ একটি ডকুমেন্ট এবং একটি ওয়েব পেজ লিঙ্ক করুন। এটি করার জন্য অনুগ্রহ করে সম্পর্কিত নিবন্ধগুলি দেখুন।

আপনার যা প্রয়োজন হবে

  • কম্পিউটার
  • নোটপ্যাড প্রোগ্রাম
  • দফ হধ হত