Django是一種高效的Python Web框架。它提供了快速和簡單的方法來構建現代Web應用程序。要使您的Django應用程序更具美感,您需要在其中使用CSS樣式,并確保正確的渲染方法。在Django中,您可以通過以下幾種方式來渲染CSS:
方法1: # base.html <!doctype html> <html> <head> <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}"> </head> <body> <div class="container"> {% block content %}{% endblock %} </div> </body> </html> # home.html {% extends 'base.html' %} {% block content %} <h1>Hello World!</h1> {% endblock %} 方法2: # base.html <!doctype html> <html> <head> <style type="text/css"> {% block style %}{% endblock %} </style> </head> <body> <div class="container"> {% block content %}{% endblock %} </div> </body> </html> # home.html {% extends 'base.html' %} {% block style %} body { background-color: #f4f4f4; } {% endblock %} {% block content %} <h1>Hello World!</h1> {% endblock %}
在第一種方法中,我們在base.html中使用了static標簽,引入了"css/style.css"文件。然后我們在home.html文件中繼承了base.html,并使用{% block content %}{% endblock %} 來表示內容。在style.css文件中,我們可以編寫我們的CSS樣式。
在第二種方法中,我們在base.html文件中使用{% block style %}{% endblock %} 來表示樣式。我們繼續在home.html文件中使用{% extends 'base.html' %},并在{% block style %}{% endblock %}中編寫我們的CSS樣式。{ % block content % }表示內容。
在兩種方法中,您都可以將CSS樣式直接在HTML文件中編寫。但是,使用CSS文件更清晰、易于維護,也更具可讀性。