css知识点总结

合并单元格

rowspan="2" 属性用于合并两行中的第一个单元格。您还可以使用colspan属性来合并列。

height: auto; 默认情况下，如果不显式设置高度，盒子的高度会根据其内容自动调整。因此，如果你之前设置了固定高度，可以通过将其设置为 auto 来取消固定高度。

height: inherit; 子继承其父元素的高度

text-align: center; 文字居中

text-decoration: none; 设置文本的装饰为无

一个div盒子的文字想要同时实现水平居中和垂直居中，需要给这个div添加flex定位。

display: flex;
justify-content: center;
align-items: center;

如果只需要水平居中，不需要添加布局，直接文字居中即可：text-align: center;

document.querySelector(‘.my-class[data-special=”true”]’)

BlinkMacSystemFont,”Segoe UI”,Roboto,

苹果英文字体，Windows英文字体，谷歌和手机端字体

CSS书写顺序标准

1. 布局与显示  display, position, float, clear, visibility, overflow
2. 盒子模型      width, height, margin, padding, border, box-sizing
3. 排版与文本  font, color, text-align, line-height, white-space
4. 视觉与装饰  background, opacity, box-shadow, transform
5. 动画与过渡  transition, animation

css布局：

静态定位static
默认定位方式，元素处于正常文档流中，不受top/right/bottom/left属性影响普通页面布局，不需要特殊定位的元素

相对定位relative
相对于元素自身原来位置进行偏移，原位置保留，不影响其他元素布局微调元素位置，作为绝对定位元素的参考点

绝对定位relative
相对于最近的非static定位的祖先元素定位，脱离文档流弹出层、对话框、自定义下拉菜单等

固定定位：fixed
相对于浏览器窗口定位，不随页面滚动而移动，脱离文档流固定导航栏、侧边栏、悬浮按钮等

粘性定位：sticky
在特定阈值前是相对定位，超过阈值后变为固定定位滚动时固定在顶部的表头、导航栏等。