<link rel="'stylesheet", type="text/css", href="css_example1.css">

写好css后,在网页上增加如上的LINK标签,实施加载测试。一直没有效果,一直在网上搜,加’utf-8’编码,“< !DOCTYPE html >”不需要html,各种尝试。
当我快要把这事忘了,忽然一个想法在我的大脑一闪而过——也许是笔记本不行,我换了台式机,把代码重新打了一遍。神奇的加载成功了。
我还想知道为什么笔记本上不成功,百度一下,好像这种情况不多,我换了个浏览器,就在这时我看到了rel属性后面多的那个英文的引号:’ 。原来你在这里。
呵呵了。
static配置的总结。——供大家参考。
static 加载根目录(STATIC_ROOT)文件格式 例如{% static ‘c.ico’ %};或者href="/static/Django_中文教程.pdf"。STATIC_ROOT一般设置到static目录的父目录,在STATICFILES_DIRS中添加/static目录。

关于html引用css无法加载——新手踩的坑相关推荐

  1. 关于js css html加载顺序整理

    参考原文 豆豆蛙:关于js css html加载顺序整理 1.js放在head中会立即执行,阻塞后续的资源下载与执行.因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控. 正 ...

  2. CSS 实现加载动画之一-菊花旋转

    CSS 实现加载动画之一-菊花旋转 原文:CSS 实现加载动画之一-菊花旋转 最近打算整理几个动画样式,最常见的就是我们用到的加载动画.加载动画的效果处理的好,会给页面带来画龙点睛的作用,而使用户愿意 ...

  3. CSS 实现加载动画之四-圆点旋转

    原文:CSS 实现加载动画之四-圆点旋转 圆点旋转也是加载动画中经常用到的.其实现方式和菊花旋转一样,只不过一个是线条形式,一个是圆点形式.圆点按照固定的旋转角度排列,加上延时的改变透明度的动画就可以 ...

  4. webpack3 css,媒体查询不能使用CSS /样式加载器和Webpack3

    我使用css-loader和style-loader为我的CSS,但所有媒体查询不起作用.我正在使用"webpack": "^3.4.1","css- ...

  5. [css] 异步加载CSS的方式有哪些?

    [css] 异步加载CSS的方式有哪些? 异步加载CSS 说到加载 CSS 这种事儿不是很简单吗?像这样咯: 这不就完事儿了嘛! 这样是没错!但是这样有问题啊--会阻塞渲染!浏览器看到这个标签就会停下 ...

  6. [css] css的加载会阻塞DOM树解析和渲染吗?为什么

    [css] css的加载会阻塞DOM树解析和渲染吗?为什么 css的加载不会阻止DOM树的解析 css的加载会阻止DOM树的渲染,因为css的下载完成后解析成CSSOM与DOM生成渲染树后,页面才会渲 ...

  7. [css] css的加载会阻塞js运行吗?为什么?

    [css] css的加载会阻塞js运行吗?为什么? 会阻塞js的执行,因为js可能会去获取或改变元素的样式,所以浏览为了不重复渲染, 等所有的css加载渲染完成后在执行js 个人简介 我是歌谣,欢迎和 ...

  8. css光盘转动,CSS 实现加载动画之五-光盘旋转

    CSS 实现加载动画之五-光盘旋转 今天做的这个动画叫光盘旋转,名字自己取的.动画的效果估计很多人都很熟悉,就是微信朋友圈里的加载动画.做过前面几个动画,发现其实都一个原理,就是如何将动画的元素如何分 ...

  9. webpack教程——css的加载

    首先要安装css的loader npm install css-loader style-loader --save-dev 然后在webpack.config.js中配置如下代码 意思是先用css- ...

  10. 转圈加载html,web前端入门到实战:纯CSS实现加载转圈样式

    web前端入门到实战:纯CSS实现加载转圈样式 发布时间:2020-05-27 18:11:33 来源:51CTO 阅读:134 作者:前端向南 不同的项目中对于等待加载时转圈圈的样式是不同的,有的是 ...

最新文章

  1. Lambda表达式【转】
  2. C++获取文件夹下所有文件名
  3. 利用license机制来保护Java软件产品的安全
  4. macbook不能进系统 备份数据_不基于备份和表,生产系统数据误删就能完全恢复?!...
  5. 95-180-045-源码-Watermark-递增时间戳分配器(AscendingTimestampExtractor)
  6. AD19无法生成PCB_PCB制造拥抱AI
  7. 20200504:力扣187周赛下
  8. 阿里巴巴 EasyExcel (web版) 上传与下载(超详细) Excel上传下载
  9. C# NFine开源框架 调用存储过程的实现代码
  10. 软件配合HT8691功放使用技巧
  11. Spring Boot入门教程(三十六):支付宝集成-当面付
  12. 一起用Python做个上课点名器,好玩又实用!
  13. 怎么用Python测网速?
  14. 转文:华为鸿蒙操作系统全景解构
  15. 巨头再度加码区块链,蚂蚁金服发布区块链合作伙伴计划
  16. 谷歌浏览器输入网址显示该网页无法正常运作
  17. python文本分类算法_基于Naive Bayes算法的文本分类
  18. Linux——linux脚本命令集合
  19. Mac安装Git并配置到IDEA(超简单)
  20. 【ZeloEngine】沙箱机制

热门文章

  1. Mysql和Oracle实现序列自增
  2. 欧姆龙r88d系列服务器说明书,欧姆龙R88D-KN10H-ECT-Z用户手册 - 广州凌控
  3. 关于ps的图片的批处理
  4. 中控考勤仪IFace302多线程操作时无法订阅事件
  5. cmd中的%~dp0
  6. 公众号推送长图最佳尺寸_微信公众平台图片最佳尺寸?
  7. 【c语言】算数转换解析+试题
  8. DELL服务器运行硬件检测
  9. 用计算机画图截图图片,电脑怎么截图
  10. C语言求若干个数的均值和方差