我需要修改bootstrap.css以适应我的网站.我觉得创建一个单独的custom.css文件而不是bootstrap.css直接修改是更好的,一个原因是应该bootstrap.css获得更新,我将试图重新包括我的所有修改.我会为这些款式牺牲一些加载时间,但对于我压倒的几种款式来说,它可以忽略不计.
我是否重写,bootstrap.css以便删除锚/类的样式？例如,如果我想删除所有样式规则legend:
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
我可以删除所有内容bootstrap.css,但如果我对覆盖CSS的最佳实践的理解是正确的,我该怎么做呢？
要清楚,我想删除所有这些样式的图例并使用父的CSS值.因此结合Pranav的答案,我会做以下几点吗？
legend {
display: inherit !important;
width: inherit !important;
padding: inherit !important;
margin-bottom: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
color: inherit !important;
border: inherit !important;
border-bottom: inherit !important;
}
(我希望有办法做以下事情:)
legend {
clear: all;
}
我正在渲染一个模板,我试图用外部样式表设置样式.文件结构如下.
/app
- app_runner.py
/services
- app.py
/templates
- mainpage.html
/styles
- mainpage.css
mainpage.html看起来像这样
<html>
<head>
<link rel= "stylesheet" type= "text/css" href= "../styles/mainpage.css">
</head>
<body>
<!-- content -->
我的风格都没有应用.是否与html是我正在渲染的模板这一事实有关？python看起来像这样.
return render_template("mainpage.html", variables..)
我知道这很有效,因为我仍然可以渲染模板.但是,当我试图将样式代码从html的"head"标签中的"样式"块移动到外部文件时,所有样式都消失了,留下了一个简单的html页面.有人看到我的文件结构有任何错误吗？
我现在面临这个问题几周了.我不知道为什么如果我对我的css文件进行任何更改它没有显示.没有在任何浏览器中显示.请告诉我如何解决这个问题.
我无法正确输出CSS - 我的网页都没有样式.
这是我所有模板中的链接.我究竟做错了什么？
<link type="text/css" rel="stylesheet" href="/stylesheets/style.css"/>
我和Flask有什么特别之处才能让它发挥作用？
我一直在尝试和改变事情大约半个小时,但似乎无法做到正确.
总结一下:你如何使用Flask进行CSS - 我是否必须拥有任何特殊的python代码？
我在我的mac上使用Flask(python包),当我第一次写我的css时显示确定.但是,当我更新它并尝试检查它时,我只看到第一个CSS样式.我尝试重新启动终端,以及重新安装Flask.有什么建议？谢谢.继承人HTML:
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
<header>
<div class="header"></div>
<div class="logo">
<center><img src="/static/img/p_logo.png" alt="pic"/></center>
</div>
</header>
<div class="container">
{% block content %}
{% endblock %}
</div>
</body>
还有CSS:
* {
font-family: "Times New Roman", Times, serif;
}
header {
background-color: #000000;
width: 100%;
height: 7px;
}
我正在使用html,css,flask和jinja2创建一个网站.
我有一个页面在烧瓶服务器上工作,显示按钮和标签等,但我没有加载我的CSS样式表.
如何将样式表链接到jinja2模板.我在互联网上环顾四周,但无法找到方法.
这是css样式表链接; 我应该改变这个,还是python代码？
<link rel="stylesheet" type="text/css" href="styles.css">
这是我的烧瓶代码:
@app.route('/')
def resultstemplate():
return render_template('questions.html', head='Welcome!')
这是文件的位置:
/python-code.py
/templates/template.html
/templates/styles.css