HTML style using CSS

CSS ব্যবহার করে HTML শৈলী

ধরা যাক আমরা একটি সাধারণ HTML কোড ব্যবহার করে আমাদের ওয়েব পেজ তৈরি করেছি, এবং আমরা এমন কিছু চাই যা আমাদের পেজটিকে একটি সঠিক বিন্যাসে উপস্থাপন করতে পারে, এবং দৃশ্যত আকর্ষণীয়। তাই এটি করার জন্য, আমরা CSS (ক্যাসকেডিং স্টাইলশীট) বৈশিষ্ট্য সহ আমাদের ওয়েব পৃষ্ঠা স্টাইল করতে পারি।

CSS ওয়েব পেজে স্টাইল প্রয়োগ করতে ব্যবহৃত হয় যা HTML উপাদান দিয়ে তৈরি। এটি ওয়েবপৃষ্ঠার চেহারা বর্ণনা করে।

CSS বিভিন্ন স্টাইল প্রপার্টি প্রদান করে যেমন ব্যাকগ্রাউন্ড কালার, প্যাডিং, মার্জিন, বর্ডার-কালার এবং আরও অনেক কিছু, একটি ওয়েবপেজ স্টাইল করার জন্য।

CSS-এ প্রতিটি সম্পত্তির একটি নাম-মানের জোড়া রয়েছে এবং প্রতিটি সম্পত্তি একটি সেমিকোলন (;) দ্বারা পৃথক করা হয়েছে।

দ্রষ্টব্য: এই অধ্যায়ে, আমরা CSS এর একটি ছোট ওভারভিউ দিয়েছি। আপনি আমাদের CSS টিউটোরিয়ালে CSS সম্পর্কে গভীরভাবে সবকিছু শিখবেন।

উদাহরণ:

 
  1. <body style=“text-align: center;">  
  2.       <h2 style=“color: red;">Welcome to javaTpointh2>  
  3.       <p style=“color: blue; font-size: 25px; font-style: italic ;">This is a great website to learn technologies in very simple way. p>  
  4. body>  

উপরের উদাহরণে, আমরা আমাদের কোডে কিছু স্টাইলিং বিন্যাস প্রদান করতে একটি শৈলী বৈশিষ্ট্য ব্যবহার করেছি।

আউটপুট:

Welcome to javaTpoint

This is a great website to learn technologies in very simple way.

CSS প্রয়োগ করার তিনটি উপায়

HTML নথির সাথে CSS ব্যবহার করার জন্য, তিনটি উপায় রয়েছে:

ইনলাইন সিএসএস: এইচটিএমএল উপাদানগুলিতে শৈলী বৈশিষ্ট্য ব্যবহার করে সিএসএস বৈশিষ্ট্যগুলি সংজ্ঞায়িত করুন।

অভ্যন্তরীণ বা এমবেডেড CSS: বিভাগে