CSS随笔

CSS 零散知识点（不定期更新）

1、span标签的display属性必须设置为block后才能设置宽度


2、若想要某元素相对于父元素来进行绝对定位，需要父元素position属性设为除static之外的任何值，该元素position属性设为absolute


3、当需要将两元素并列排列时，需要将两元素的float属性同时设置为left才可（该）


4、当font-size属性设置为12px以下时，在部分浏览器中无法识别，一律按12px显示


5、当鼠标放置在某元素上，如果需要指针呈现小手的形状，需要将该元素的cursor属性设置为pointer


6、overflow属性设置为scroll时会滚动，设置为hidden时会裁切超出该元素范围的一切


7、margin与padding区别：margin用于设置两元素之间的间距，该间距不算做该元素的范围（不跟随背景色变化），padding设置该元素的外部填充（该元素范围之外，但跟随背景色变化）


8、实现edge浏览器背景图效果：图片随浏览器窗口改变而改变且不变形、不留白：position属性设为absolute，object-fit属性设为cover或object-fit设为cover，width设为100%，height设为100%（第二种方法需要100%相对于html根元素）


9、子元素使用margin-top属性后，父元素通常会跟随子元素的margin-top一起移动，（原因：边距重叠：一个盒子和其子孙的边距重叠。根据规范，一个盒子如果没有上补白和上边框，那么它的上边距应该和其文档流中的第一个孩子元素的上边距重叠。）此时只需要将父元素的overflow属性设置为hidden即可解决问题（详见 https://www.cnblogs.com/baiyang128/p/13966094.html ）


10、当html标签之上中添加后，该html元素的默认高度为fit-content；当html标签之上未添加时，该html元素默认高度为视窗的高度。