定位,div相关知识点

一、div相关知识点


权重，权值：行内1000，id100，class10 tag1 
行内样式表，极差，不允许使用
margin: 50px 0 0 50px
上，右，下，左
margin: 10px 20px 30px;
上 ，左右，下
margin: 10px 20px;
上下，左右*/
margin: 10px;
四个方向
线
solid 实线
double 双实线
dotted 点虚线
dashed 线段虚线

二丶定位

position 的四个值：static、relative、absolute、fixed。

绝对定位：absolute 和 fixed 统称为绝对定位

相对定位：relative

默认值：static

relative：相对于原来位置移动，元素设置此属性之后仍然处在文档流中，不影响其他元素的布局

即使窗口是滚动的它也不会移动：

绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>:

sticky 粘贴

position: sticky; 基于用户的滚动位置来定位。

 

 

posted @ 2021-11-14 23:51  一土  阅读(83)  评论(0)    收藏  举报