非遗开发日志 --3
2022-10-26
2 min read
- object-fit属性
https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit - li嵌套a嵌套img时
object-fit属性的cover只针对父节点，所以如果对li外层的div进行限制高度，那img作用的object-fit属性将不起作用。 - 深刻理解inline 、inline-block 、block之间的区别于关系
- 深刻理解relative 、absolute的效果
absolute定位的依据是 阶层离自己最近且具有设定的父层空间，因此一般需要搭配父节点的relabtive属性使用
https://www.runoob.com/css/css-positioning.html#position-relative - 深入理解float属性
https://www.runoob.com/css/css-float.html - setInterva()函数+jq改变css实现图片轮播
- 深入理解flex布局
- #html标签使用多个class
html标签是允许定义多个class类名的。比如：
<div class = "exp1 exp2"></div>
上边这个div就用到了exp1、exp2这两个class类，对于个数是没有限制，只需每个类名之间用空格隔开就好。 - 关于django的url配置
django会自动在url路径前面添加/，所以不需要再路径前面添加反斜杠，如果添加会产生错误 - django不能及时更新修改的css和js文件等
https://blog.csdn.net/qq_38388811/article/details/105625981
因为浏览器会缓存，需要清除缓存后加载 - 深入理解django的URL和ROOT路径配置
包括STATIC_URL、STATICFILES_DIRS、MEDIA_URL、MEDIAFILES_DIRS - django中利用模板再style属性中添加css的写法（注意引号的使用）
style='background-image:url("{% static 'pic1.jpg' %}") '
或者
style='background-image: url("{% static "pic2.jpg" %}")'
但最好还是不要这样子写 因为特别容易出错