【CSS】Day13--css权重和position的值相对于什么定位 ⭐️⭐️

[chenliqio]

一、CSS的权重

权重等级
!important 10000
行内样式 1000
id选择器 100 class、属性选择器、伪类选择器 10 伪元素选择器、标签选择器 1

规则：

1. 行内样式总会覆盖其他样式类型(!impotant除外)
2. 两个权重不同的选择器在同一元素上时，权重值高的生效。

3. 两个相同权重的选择器在同一个元素上，后面的出现的选择器生效。

   二、position的值分别相对于那个位置定位？

   • static：默认值，没有定位，元素出现在正常的文档流中。
   • relative：相对定位，相对于自身所在文档流中的位置进行定位。
   • absolute：绝对定位，相对于最近一级父元素定位。如果没有定位的父级元素，就相对于body定位。
   • fixed：固定定位，相对于浏览器窗口定位。
   • sticky：粘性定位，根据用户滚动位置进行定位。