static : 无特殊定位，对象遵循html定位规则
absolute : 将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过css z-index属性定义。此时对象不具有边距，但仍有补白和边框
relative : 对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置
简单的说
absolute直接相对于文档位置加以定位,可以重叠,用z-index来区分优先,同样的,不再具有外边距(因为不再相对于其他元素进行定位)
立即学习“前端免费学习笔记（深入）”；
relative则是根据原本该元素应该显示的位置,进行偏移定位,这个时候存在外边距,但是不能和其他元素重叠
要想把几个不随缩放而改变相对定位的div的css写好,最好的方法是放到一个父div里,这个父div用relative 居中定位。
css3引入vw vh 作为长度宽度的单位
vw:view width
vh:view height
其实也就是整个当前视图按百分比区别的高度和宽度
比如100vh就是当前的整个视图高度
css3中的梯度渐变
background-image: -webkit-radial-gradient(50px 150px at 200px 150px,hsla(120,70%,60%,0.9),hsla(360,60%,60%,0.9));
50px是椭圆的主要半径,150是纵向的次要半径
at 后面是圆心位置,然后是要渐变的两个颜色
也可以不要 xxxx at xxxx,只是指定个circle 就是圆形
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
772
收藏
