Tech TutorBangla Web Documentation
Portfolio
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • CSS Documentation12টি অধ্যায়
প্রযুক্তি নির্বাচন
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • Introduction
  • CSS কী?
  • CSS Syntax
  • Selectors
  • Colors
  • Background
  • Box Model
  • Display
  • Position
  • Flexbox
  • Grid
  • Responsive Design
  1. Docs
  2. CSS
  3. CSS Syntax (বাক্য গঠন)
CSSBeginner

CSS Syntax (বাক্য গঠন)

CSS rule, selector, declaration block, property-value pair — CSS সিনট্যাক্স সম্পূর্ণ বাংলায়।

11টি অংশবাংলা ভাষায়

প্রতিটি CSS স্টাইল একটি rule (নিয়ম) দিয়ে লেখা হয়। একটি rule-এ থাকে selector এবং declaration block।

Rule-এর গঠন

h1 {
  color: red;
  font-size: 30px;
}
│       │
│       └── declaration block
└── selector
  • {} — declaration block
  • declaration — property: value;
  • ; — প্রতিটি declaration শেষে সেমিকোলন

মন্তব্য (Comments)

/* এটি একটি CSS কমেন্ট */
p {
  font-size: 16px; /* লাইন-শেষের কমেন্ট */
}

একাধিক selector

কমা দিয়ে একাধিক selector-এ একই স্টাইল দেওয়া যায়।

h1,
h2,
h3 {
  font-family: sans-serif;
  line-height: 1.3;
}
সেমিকোলন ভুলবেন না

প্রতিটি declaration-এর শেষে ; দেওয়া বাধ্যতামূলক নয় (শেষেরটি ছাড়া), তবে সবসময় দেওয়াই নিরাপদ — অন্যথায় পরের declaration ভুল হয়ে যেতে পারে।

সেমিকোলন বারবার ভুলে যাচ্ছেন?

অনেক developer multi-line স্টাইল লিখতে পছন্দ করেন, প্রতিটি property আলাদা লাইনে — এতে ; ভোলার সম্ভাবনা কমে।

শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।
আগেরCSS কী?পরেরCSS Selectors (সিলেক্টর)
এই পেজে
Tech Tutor

বাংলায় ওয়েব ডেভেলপমেন্ট ডকুমেন্টেশন শিখুন — ধাপে ধাপে।

Homeসব ডকুমেন্টেশনQuick Startআমার নোটস

© 2026 Tech Tutor. বাংলায় শিখুন, বাংলায় গড়ুন।

mdanamolhasan1998@gmail.com