বিষয়বস্তু মার্কেটিং

ব্লগার: আপনার ব্লগে কোডের জন্য CSS শৈলী

একজন বন্ধু আমাকে জিজ্ঞাসা করেছিল কিভাবে আমি ব্লগার এন্ট্রিতে কোড অঞ্চল তৈরি করেছি। আমি আমার ব্লগার টেমপ্লেটে CSS এর জন্য একটি স্টাইল ট্যাগ ব্যবহার করে এটি করেছি। আমি যা যোগ করেছি তা এখানে:

p.code {
    font-family: Courier New;
    font-size: 8pt;
    border-style: inset;
    border-width: 3px;
    padding: 5px;
    background-color: #FFFFFF;
    line-height: 100%;
    margin: 10px;
}
  1. p.code: এটি একটি CSS নিয়ম যা HTML কে লক্ষ্য করে <p> ক্লাস নাম "কোড" সহ উপাদান। এর মানে হল যে এই শ্রেণীর সাথে যেকোনো অনুচ্ছেদ নিম্নলিখিত বৈশিষ্ট্য অনুযায়ী স্টাইল করা হবে।
  2. font-family: Courier New;: এই প্রপার্টি ফন্ট ফ্যামিলিকে "কুরিয়ার নিউ" এ সেট করে। এটি লক্ষ্যযুক্ত উপাদানগুলির মধ্যে পাঠ্যের জন্য ব্যবহৃত ফন্টটি নির্দিষ্ট করে।
  3. font-size: 8pt;: এই বৈশিষ্ট্যটি ফন্টের আকার 8 পয়েন্টে সেট করে। লক্ষ্যযুক্ত উপাদানগুলির মধ্যে পাঠ্য এই ফন্ট আকারে প্রদর্শিত হবে।
  4. border-style: inset;: এই বৈশিষ্ট্যটি সীমানা শৈলীকে "ইনসেট" এ সেট করে। এটি লক্ষ্যযুক্ত উপাদানগুলির চারপাশে সীমান্তের জন্য একটি ডুবে যাওয়া বা চাপা চেহারা তৈরি করে।
  5. border-width: 3px;: এই বৈশিষ্ট্যটি সীমানা প্রস্থ 3 পিক্সেল সেট করে। উপাদানগুলির চারপাশে সীমানা 3 পিক্সেল পুরু হবে।
  6. padding: 5px;: এই প্রপার্টি টার্গেট করা উপাদানের ভিতরে কন্টেন্টের চারপাশে 5 পিক্সেল প্যাডিং যোগ করে। এটি পাঠ্য এবং সীমানার মধ্যে ব্যবধান প্রদান করে।
  7. background-color: #FFFFFF;: এই বৈশিষ্ট্যটি ব্যাকগ্রাউন্ডের রঙ সাদাতে সেট করে (#FFFFFF)। লক্ষ্যবস্তু উপাদানগুলির মধ্যে একটি সাদা পটভূমি থাকবে৷
  8. line-height: 100%;: এই বৈশিষ্ট্যটি লাইনের উচ্চতা ফন্টের আকারের 100% নির্ধারণ করে। এটি নিশ্চিত করে যে পাঠ্য লাইনগুলি ফন্টের আকার অনুসারে ব্যবধান করা হয়েছে।
  9. margin: 10px;: এই বৈশিষ্ট্যটি সমগ্র উপাদানের চারপাশে 10 পিক্সেলের মার্জিন যোগ করে। এটি এই উপাদান এবং পৃষ্ঠার অন্যান্য উপাদানগুলির মধ্যে ব্যবধান প্রদান করে।

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

এটি দেখতে কেমন হবে তা এখানে:

p.code {
font-family: কুরিয়ার নিউ;
ফন্ট সাইজ: 8pt;
বর্ডার-স্টাইল: ইনসেট;
সীমানা-প্রস্থ: 3px;
প্যাডিং: 5px;
ব্যাকগ্রাউন্ড-রঙ: #FFFFFF;
লাইন-উচ্চতা: 100%;
মার্জিন: 10 পিএক্স;
}

শুভ কোডিং!

Douglas Karr

Douglas Karr এর CMO হয় ওপেনইনসাইটস এবং এর প্রতিষ্ঠাতা Martech Zone. ডগলাস কয়েক ডজন সফল MarTech স্টার্টআপকে সাহায্য করেছে, Martech অধিগ্রহণ এবং বিনিয়োগে $5 বিলিয়নেরও বেশি যোগ্য পরিশ্রমে সহায়তা করেছে এবং কোম্পানিগুলিকে তাদের বিক্রয় ও বিপণন কৌশলগুলি বাস্তবায়ন এবং স্বয়ংক্রিয় করতে সহায়তা করে চলেছে৷ ডগলাস একজন আন্তর্জাতিকভাবে স্বীকৃত ডিজিটাল রূপান্তর এবং MarTech বিশেষজ্ঞ এবং স্পিকার। ডগলাস একজন ডামি'স গাইড এবং একটি ব্যবসায়িক নেতৃত্ব বইয়ের একজন প্রকাশিত লেখকও।

সম্পরকিত প্রবন্ধ

শীর্ষ বোতামে ফিরে যান
ঘনিষ্ঠ

অ্যাডব্লক সনাক্ত করা হয়েছে

Martech Zone আমরা বিজ্ঞাপন রাজস্ব, অনুমোদিত লিঙ্ক, এবং স্পনসরশিপ মাধ্যমে আমাদের সাইট নগদীকরণ কারণ বিনা খরচে আপনাকে এই সামগ্রী প্রদান করতে সক্ষম. আপনি যদি আমাদের সাইট দেখার সাথে সাথে আপনার বিজ্ঞাপন ব্লকারকে সরিয়ে দেন তবে আমরা কৃতজ্ঞ।