Класс, id ба Flexbox

## Класс Олон элементэд нэг загвар өгөхдөө класс ашиглана. CSS-д цэгтэй (`.`) бичнэ: ```html <style> .star { color: orange; } </style> <p class="star">Онцгой</p> <p>Энгийн</p> ``` Нэг элемент хэд хэдэн класстай байж болно: `class="a b"`. ## id `id` нь хуудсанд **ганц** элементэд өгөгдөнө. CSS-д `#`-тэй бичнэ: ```css #title { font-size: 40px; } ``` ## Flexbox — элементүүдийг эгнүүлэх ```html <style> .row { display: flex; justify-content: center; gap: 10px; } </style> <div class="row"> <div>1</div> <div>2</div> <div>3</div> </div> ``` | Шинж | Үүрэг | |---|---| | `display: flex` | Хүүхдүүдийг нэг мөрөнд эгнүүлнэ | | `justify-content` | Хэвтээ байрлал: `center`, `space-between`, `flex-end` | | `gap` | Хоорондын зай | | `flex-direction: column` | Дээрээс доош эгнүүлнэ | > 🧩 Бодлого: **HTML/CSS → Түвшин 9, 10**. Бүгдийг нь давбал та жинхэнэ вэб хуудас бүтээх чадвартай боллоо! 🎉