Web-бет элементтерін CSS-пен орналастыру

КТЖ бойынша тақырып

Сынып

10-сынып

Пән

Информатика

Тоқсан

3

Сабақ

№ 24

Бөлім

Web-жобалау

Оқу мақсаттары

• 10.3.1.5web-бет элементтерін CSS display, flexbox немесе grid арқылы орналастыру

Сұрақтардан мысал

1. 1
   display: flex; қасиеті қандай орналастыру үлгісін қосады?

   Block Flexbox Grid Inline
2. 2
   display: block; мәні бар элемент бетте қалай орналасады?

   Жаңа жолдан басталып, бүкіл ендікті алады Мүлдем көрінбей қалады Тек контейнер ортасына тураланады Қатарда қалып, мазмұнына қарай ендік алады
3. 3
   Flexbox-та элементтерді басты ось бойымен туралайтын қасиет:

   align-content align-items flex-direction justify-content