最全CSS基础知识图片形式整理

101 阅读1分钟

在这里插入图片描述 在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

额外的CSS冷门实用小技巧:

  1. calc()可以计算宽度高度。注意的是calc的参数中间的计算符号的前后要加空格。例如:width: calc(100% - 100px);
  2. object-fit:cover; ---改变图片根据容器自适应
  3. white-space: pre-line; ---识别数据库里的换行将前端显示内容也换行显示。