lryh_的博客

元素占据空间：元素会被移出屏幕，但仍会占据文档流中的空间（除非使用 position: absolute;适用场景：当需要隐藏元素但仍希望它能够交互或触发事件时使用，常用于隐藏表单标签或屏幕阅读器内容。元素占据空间：元素仍然占据文档流中的空间，但高度为 0。元素占据空间：元素仍然占据文档流中的空间。元素占据空间：元素仍然占据文档流中的空间。无法交互：元素及其子元素无法被点击或交互。无法交互：元素及其子元素无法被点击或交互。元素占据空间：元素仍然占据文档流中的空间。无法交互：元素及其子元素无法被点击或交互。

盒子设置属性display:flex；开启弹性盒子布局，弹性盒子布局由 容器 和 项目组成；弹性盒子有两个轴：主轴 和 交叉轴；属性： flex-direction 定义主轴方向 值： row, row-reverse, column, column-reverse justify-content 定义项目在主轴上的对齐方式 值：flex-start, flex-end, center, space-between,space-around,space-evenly

【代码】盒子居中方法。

bfc区域内的盒子 的左外边缘margin-left 会触碰bfc区域的左边缘border-left。垂直布局的盒子 相邻的两个盒子之间的距离用margin设置，margin 会重叠。BFC：格式化上下文 是独立渲染的一个区域 bfc内部盒子的布局不会影响区域外元素的布局。左右固定，中间自适应（左右固定宽高，进行浮动，中间 overflow: hidden）浮动盒子不会和bfc区域产生交集 ，而是紧贴bfc区域。计算bfc区域的高度 自动检测浮动盒子的高度。子绝父相 父盒子设置左右padding值。

【代码】css 文字两端对齐。

disabled 禁用不可输入。

flex布局

table border-collapse: collapse; 和 cellspacing='0'

outline: none; 移除浏览器的默认聚焦样式

perspective 和 transform-style: preserve-3d;

transition 和 animation 区别

::placeholder 占位文本样式设置

logo 实现方式 及 隐藏文字

opacity、transparent、rgba 区别

CSS 去除边框重叠线border-bottom: none;

限制行数显示不下省略号显示