BEPZA; Programmer Exam: 03.11.2023প্রশ্ন ও সমাধান

CSS (Cascading Style Sheets) is the stylesheet language that controls the presentation of HTML documents — layout, colours, fonts, spacing, and responsiveness — keeping design separate from content.

body { font-family: Arial, sans-serif; background: #f4f4f4; }
h1 { color: #2c3e50; text-align: center; }
.card { padding: 16px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,.1); }

• "Cascading" means rules combine by specificity and source order (inline > ID > class > element).
• CSS can be inline, inside a <style> tag, or in an external .css file (best practice — enables caching and reuse).

A CSS framework is a pre-built library of CSS (often with JS) providing ready-made responsive grid systems and components (buttons, forms, navbars), letting developers style pages faster and more consistently instead of writing every rule from scratch.

Three popular CSS frameworks:

1. Bootstrap — 12-column responsive grid, extensive pre-styled components, most widely used.
2. Tailwind CSS — utility-first framework (classes like flex, p-4, text-center) composed directly in HTML, highly customizable.
3. Foundation — modern flexbox-based grid with customizable, enterprise-grade responsive components.

Exam takeaway: CSS is the styling language for HTML; a CSS framework (Bootstrap, Tailwind, Foundation) is a reusable, pre-built CSS/component library that speeds up responsive UI development.