CodeDala
#
💻 Әзірлеушілерге

CSS және Верстка

Стильдер, торлар және бейімделген дизайн

Не құрастырасың
📘Берік іргетас
⚡Браузерде тәжірибе
🎯Шағын жобалар
🎓Курс сертификаты
📘 16 сабақ⏱ 1-2 кеш🎓 Орта
🎯 Мақсат
CSS және Верстка меңгеру
⚡+210XP
🏆СертификатPDF
🎓Курс аяқталды
Прогресс0 / 16 · 0%
Келесі қадам: CSS дегеніміз не

Курс бағдарламасы

01

Негіздер мен селекторлар

0 / 8 сабақ
⌄
  1. 01

    CSS дегеніміз не

    CSS неге керек•Селектор мен қасиет•Алғашқы стиль⚡ +10
    ▶ Қазір
  2. 02

    CSS-ті HTML-ге қосу

    Сыртқы файл — link•head ішіндегі <style>•Inline style — қажет болғанда⚡ +10
    Ашық
  3. 03

    Тег бойынша селектор

    h1, p, a, button…•Бір типке бір стиль•Түс, өлшем, шегініс⚡ +10
    Ашық
  4. 04

    Класс селекторы

    .class CSS-те•class="…" HTML-де•Бір класс — көп элемент⚡ +10
    🔒 Pro
  5. 05

    id селекторы

    #id CSS-те•id="…" HTML-де•Бірегей, әрқашан біреу⚡ +10
    🔒 Pro
  6. 06

    Үтір арқылы бірнеше селектор

    selector1, selector2•Бірнешеуіне ортақ стиль•Аз қайталау⚡ +10
    🔒 Pro
  7. 07

    Каскад: не жеңеді

    Ережелердің реті•Айқындылық интуитивті•Класс > тег⚡ +10
    🔒 Pro
  8. 08

    CSS-тегі комментарийлер

    /* … */•Комментарий неге керек•Блокты уақытша өшіру⚡ +10
    🔒 Pro
02

Стильдеу мен макет

0 / 8 сабақ
⌄
  1. 09

    Түстер мен фон

    color•background-color•Пішімдер: аты, hex, rgb⚡ +10
    🔒 Pro
  2. 10

    Мәтін: қаріп, өлшем, қалыңдық

    font-size•font-weight•font-family•line-height⚡ +10
    🔒 Pro
  3. 11

    Box model: padding, border, margin

    Ішкі шегініс•Шекара•Сыртқы шегініс⚡ +10
    🔒 Pro
  4. 12

    Display: block, inline, none

    Блоктық элементтер•Жолдық•Элементті жасыру⚡ +10
    🔒 Pro
  5. 13

    Flexbox: туралау

    display: flex•justify-content•align-items•gap⚡ +10
    🔒 Pro
  6. 14

    Позициялау

    position: relative•position: absolute•top/left/right/bottom⚡ +10
    🔒 Pro
  7. 15

    Бейімделу: @media

    Медиа-сұраулар•Брейкпоинттер•Алдымен мобильді⚡ +10
    🔒 Pro
  8. 16

    Шағын жоба: стильді карточка

    Бәрі бірге•Түстер + қаріптер + шегіністер•Flexbox
    Курс аяқталды
    🔒 Pro