CSS零碎知识点记录

1. CSS属性书写顺序

在这里插入图片描述

若盒子本身没有指定width/height属性，则此时padding不会撑开盒子大小

例：只指定高度，不指定宽度，则padding只会撑开高度，不会撑开宽度

在这里插入图片描述
对于在div中的p元素来说，既不指定宽度也不指定高度，只给padding，会撑高盒子，但是不会撑宽盒子。

疑问：若对p不指定宽高和padding，那么p的宽度为父元素的宽度，高度为0，为什么指定了padding会改变p的高度，前提不是不指定高度，就不会撑开高度吗？？？

行内块元素（表单元素，单元格、img）之间默认有空白缝隙
解决办法：
1.给两个盒子都加浮动，浮动的盒子之间没有缝隙

例子：
页面中只放入input和button标签，可以看到有缝隙
在这里插入图片描述

相关阅读:
使用nsenter在容器内部执行宿主机的命令
vue 语法--表单取值，组件通信
什么是缓存雪崩、击穿、穿透？
react的组件和元素的类型总结
羧酸研究：Lumiprobe 磺基花青7二羧酸
【算法篇-数论】快速幂
Vue3: 获取元素DOM的方法
6. Python使用Asyncio开发TCP服务器简单案例
什么样的护眼灯适合孩子用？真正适合孩子的护眼台灯
[C++] std::ranges中的特征和自定义std::ranges::view变换

原文地址：https://blog.csdn.net/cjhxydream/article/details/125549183