Існує 3 кроки:
- Перейдіть до HTML, знайдіть список <ul> і створіть клас. Приклад: <ul class="squarelist"> …
- Перейдіть до свого CSS і створіть свій селектор. Приклад: .squarelist { }
- У CSS ми маємо властивість list-style-type. Оскільки ми хочемо, щоб наш список відображався у вигляді квадрата, ми надамо цій властивості квадрат значення.
- У Flask ви можете додати CSS (каскадні таблиці стилів) до вашої веб-програми, щоб стилізувати вміст HTML. …
- Організуйте структуру свого проекту:
- Розмістіть файли CSS у статичній папці:
- Посилання на файли CSS у шаблонах HTML:
- приклад:
- Обслуговування статичних файлів у Flask:
- Запустіть програму Flask:
- Примітка:
Рядок не є елементом HTML, тому ви не можете застосувати до нього CSS. Найкраще, що ви можете зробити, це додайте class='table1' до тегу <table> у вашому рядку на випадок, якщо ви пізніше відтворите його у html.
Атрибут класу призначає тегу <li> одне або кілька імен класів. Назви класів визначаються в таблиці стилів або в локальному елементі <style>. Класи, тобто імена класів, використовуються для стилізації елементів.
CSS можна додати до HTML трьома різними способами. Щоб стилізувати один елемент HTML на сторінці, використовувати вбудований CSS в атрибуті style. Додавши CSS до головного розділу нашого HTML-документа, ми можемо вбудувати внутрішню таблицю стилів. Ми також можемо підключитися до зовнішньої таблиці стилів, яка відокремлює наш CSS від нашого HTML.