Static папкасын пайдалануу[+практика]

Биз мурдагы сабактарда айткандай кошумча файлдарды(html, css, js, php ) шаблон менен байланыштыруу учун static папкасын тузгонбуз. Мына эми ошол папканы шаблонго чакырабыз.

{% load static %}

Мисалы биздин томондогудой html кодубуз бар дейли

Эми биз стиль кошуу учун cssфайлын тузобуз. Аны тузуу учун долбоордун ичиндеги static папкасынын ичиндеги css папкасына style.css аттуу файл тузобуз. Тузулгон файлга томондогудой стиль киргизебиз.

body{

    margin: 0%;

    padding: 0%;

}

.main{

    display: flex;

    justify-content: space-around;

}

.main div{

    border-radius: 10px;

    color: white;

    background-color: blue;

    padding: 30px;

}

Эми ушул файлды шаблондо иштетебиз.

Бизде кутулгон натыйжа:

 Практикалык тапшырма:

Отулгон сабакты пайдаланып томонкудой корунушту чыгаргыла.