CSS不適用於Flask
[英]CSS won't work with Flask
問題描述
我一直在使用flask嘗試使css屬性工作，但即使包含css文件，屬性也不會反映在元素上。
cards.html
<!DOCTYPE html>
<html>
<head>
<script src="{{ url_for('static',filename = 'script/checkers.js')}}"></script>
<script src="{{ url_for('static',filename = 'script/lib/jquery-1.11.0.js')}}">
</script>
<link href="{{ url_for('static',filename = 'checkers.css')}}"/>
</head>
<body>
<div id="board">
</div>
<div id="glow">
</div>
</body>
</html>
CSS就在那里，但它不起作用。 包含該文件但不顯示屬性。
CSS：checkers.css
#board
{
height:300px;
width:300px;
background-color:black;
}
body
{
background-color:white;
}
div
{
background-color:black;
height:300px;
width:300px;
}
.glow
{
border:2px solid blue;
}
2 個解決方案
解決方案1
3 已采納 2014-06-17 14:43:22
這似乎與Flask無關。
HTML <link標記要求將rel屬性設置為stylesheet 。 在你的情況下，瀏覽器將有一個<link元素它的DOM，但是（缺少rel="stylesheet" ）它將不知道如何處理它。
解決您的問題的方法是：
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='checkers.css')}}"/>
也就是說，你必須將checkers.css文件放在你的燒瓶項目的/static/文件夾中（即/static/checkers.css ）。
解決方案2
1 2014-06-17 14:20:31
試試這個：
使用瀏覽器打開html頁面，如果生成的css文件鏈接正確，請從源代碼中檢查。
python flask中的跨域無法正常工作
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.