不确定HTML是否使用CSS文件,因为对CSS文件所做的更改不会显示在网页上。我该怎么办?

时间:2019-04-15 17:51:47

标签: html css

我的任务是在“贝塔:空床位”和“贝塔:空床的霍尔花名册”报告中发出警报。我必须将警报放在页面顶部。我希望它居中,而不要占据页面的整个宽度。

使用内联样式可以工作,但是我不确定是否正在读取CSS文件。考虑到这是一项工作,我无法真正移动文件本身,而且我99%确信它位于一个好的文件位置,因为这是我的同事/老板已经拥有的文件。

HTML代码:

{% extends 'reports_templates/base.html' %}
{% load static from staticfiles %}

{% block extra-head %}
<link rel="stylesheet" type="text/css" href="{% static 'datatables/media/css/jquery.dataTables.min.css' %}">
<link rel='stylesheet' type='text/css' href="{% static 'css/empty_bedspaces.css' %}">
{% endblock %}

{% block title %}
<title>Empty Bed Spaces</title>
{% endblock %}

{% block content %}
<div class="alert alert-danger" id="alert">
  <strong>Note:</strong> Some of the rooms below may not be available for assignment.
</div>

CSS代码:

.container div {
  margin: 1%;
}

#specific-table tr th {
  border-bottom: 1px solid #111;
}

th.title {
  text-align: center !important;
}

.alert-danger {
    font-size: 72px;
}

如果我这样做:

<div class="alert alert-danger" style="margin: 45%" >
  <strong>Note:</strong> Some of the rooms below may not be available for assignment.
</div>

它占用了足够的页面空间。另外,请记住,这几乎不是全部代码。我不想粘贴一个大文件。

Here is a picture of how it looks so far with just the alert div.

2 个答案:

答案 0 :(得分:1)

大多数浏览器尝试清除缓存:CTRL + SHIFT + R。在开发过程中,我还建议您在开发面板中禁用本地缓存。在Chrome中,依次为F12>网络标签>选中禁用缓存。您可能还需要重新启动浏览器以强制进行更改。

答案 1 :(得分:0)

如果您使用的是Bootstrap,则可以给它# The three first lines only need to be ran once and one at a time, as the install the package on you environment install.packages("Hmisc") install.packages("ggplot2") install.packages("cluster") #Then, your code library(ggplot2) library(cluster) library(Hmisc) data<-read.csv("C:/Users/python/Desktop/Data.csv",sep=";",header=TRUE,strinsAsFactors = TRUE,encoding = "UTF-8") ind<-sample (2, nrow(data), replace=TRUE,prob=c(0.7,0.3)) dim(data) #boite à moustache