background-size，100%和cover的区别

两者都是用于将图片扩大或者缩放来适应整个容器
（1）background-size: 100% 100%
按照容器比例撑满，图片变形
（2）background-size: 100%
背景图片x轴会完全铺满，y轴默认为auto，超出部分隐藏
（3）background-size: cover
把背景图片放大到合适元素容器的尺寸，图片比例不变，但是超出的部分可能会裁掉

min-height、max-height、line-height

min-height：就是层的最小高度，如果该层中的元素内容高度小于这个高度，就将层显示为min-height的值，超过的话，就撑破层，使层的高度与元素内容高度一样。
max-height：就是和这个相反了，不超出的话，层高度就和层中内容元素高度一致，否则就阶段内容，显示max-height的高度。
line-height：就是行高，就是针对文本的，即一行文字的行高，是以该标签中文字大小font-size做比较的，例如line-height=200%，就是让行高是文字大小的两倍

【学习笔记】min-height、max-height、line-height相关推荐

算法笔记（胡凡）学习笔记@Kaysen
本文旨在记录算法笔记学习过程中的收获和一些知识点,部分易错知识点只针对个人而言,CCF-CSP考试冲鸭!!! Chapter 2 C/C++快速入门(易错知识点) 2.1 基本数据类型变量定义注意区 ...
[云炬python学习笔记]Numpy中内置函数min(),max(),sum()与Python中内置函数min(),max(),sum()性能对比分析
众所周知,Python有许多内置函数(例如min(),max(),sum()),Numpy也有自己的内置函数(np.min(),np.max(),np.sum()).由于Numpy的函数是在编译码中执 ...
PCIe学习笔记之Max payload size
本文基于linux 5.7.0, 平台是arm64 在平时设备的使用过程中,有可能遇到过数据通信错误(malformed tlp), 或者网卡/磁盘在进行数据读写时性能没有达到预期,这些都可能和pci ...
Matlab_GUI学习笔记（五）——常用对象的属性之Line
Matlab_GUI学习笔记(五)--常用对象的属性之Line 1. Line 很多属性与之前的Figure与Axes属性差别不大,重点在于Line的核心属性Data. >> get(li ...
html height 100%无效,css height:100%撑不起来怎么解决？
css height:100%撑不起来怎么解决?下面本篇文章居来给大家介绍一下解决方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css height:100%撑不起来的解决方 ...
Caffe学习笔记4图像特征进行可视化
Caffe学习笔记4图像特征进行可视化本文为原创作品,未经本人同意,禁止转载,禁止用于商业用途!本人对博客使用拥有最终解释权欢迎关注我的博客:http://blog.csdn.net/hit201 ...
opencv python 直方图反向投影_python OpenCV学习笔记直方图反向投影的实现
本文介绍了python OpenCV学习笔记直方图反向投影的实现,分享给大家,具体如下: 它用于图像分割或寻找图像中感兴趣的对象.简单地说,它创建一个与我们的输入图像相同大小(但单通道)的图像,其中每 ...
目标检测——YOLOv5的学习笔记
目录 1 前言 2 Tricks一览表 3 配置文件说明模型参数: 模块参数 Conv:卷积模块 2 数据载入 2.1 数据预处理 3 模型加载 4 Inference--前向推理 5 Train- ...
Python语言入门这一篇就够了-学习笔记(十二万字)
Python语言入门这一篇就够了-学习笔记(十二万字) 友情提示:先关注收藏,再查看,12万字保姆级 Python语言从入门到精通教程. 文章目录 Python语言入门这一篇就够了-学习笔记(十二万字 ...
Vue学习笔记01-基础部分
文章目录 VUE笔记-01基础 1.简介 mvvm ES6补充 js高阶函数 let/var const 增强字面量写法 2.基础 2.1.引入 2.2.第一个Vue程序 el挂载点 data数据对象 ...

【学习笔记】min-height、max-height、line-height

background-size，100%和cover的区别

min-height、max-height、line-height

【学习笔记】min-height、max-height、line-height相关推荐

最新文章

热门文章