CSS | LeylaTop

📄️ CSS loading 配置器

https://www.loadership.com/#configurator

- will-change：告知浏览器该元素会有哪些属性会发生变化，这样浏览器可以在元素属性真正发生变化的之前提前做好对应的优化准备工作。这种优化可以将一部分复杂的计算工作提前准备好，使页面的反应更为快速灵敏。

- 源码实现

实现水平居中和垂直居中在CSS中是一个常见的任务，有多种方法可以实现。以下是一些常用的方法：

- css in js：解决传统 CSS 的一些问题，如全局命名空间的冲突、依赖管理、复用样式等，并在组件化开发的背景下提供更好的封装和模块化。

- 容器属性：

基本用法

常见类型

可以设置媒体查询 @media (display-mode: picture-in-picture)。在普通页面中会自动忽略样式，在画中画模式会自动渲染样式。

在引入字体包时，如果我们只引入了部分字重，比如下面例子，只引入了字体的 400、500、700、900 字重。

- 使用outline+outline-offset改变“border”的大小，但不改变原来的宽度

1. 层叠上下文

垂直居中

- [# CSS 的父选择器//www.w3cplus.com/css/css-parent-selector.html

letter-spacing 属性用于设置字符之间的间距，标准值为normal，正值表示拉大字符之间的间距，负值表示缩短字符之间的间距，单位可以是 px、em

https://css-tricks.com/css-selectors/

https://juejin.cn/post/6959397503410110494

---

基础

思路：

字体有哪些格式？

css 属性的四个值的属性从左上角开始，顺时针设置：

white-space：怎么控制和处理元素中的空白符号。

设置宽度为父容器的25%，但最大宽度为300px，最小宽度为200px,