position--对一个标签简单的定位

css html这么多,我是不是要每一个标签每一个属性都得记下呢?这个当然不是啦,那肯定又会有人跟你说,“把一些重要的记下,其他的到时候不懂再去百度就好”。可以这么说的,但小白又怎么会知道哪些是重要的哪些不是呢,所以就需要我们对这些东西至少知道他们的存在,到了要用的时候去查一下用法就好,接下来进入正题。

在感觉自己差不多懂了css的时候,准备搭一个静态网页为什么我这个字体不管怎么调都不能放在我想要放的地方,或者这张图片就是有个地方放不过去。

这个问题用position就可以解决

position有五个值--

1.relative  相对的

2.absolute  绝对的(是相对于父元素进行绝对的,是经常用到的一个position的值;有一个小缺点就是当你做响应式布局的时候,可能会让你的界面响应式不好看,所以得一直改这个大小)

3.static  静止的(与前后标签的关系一直保持着同样的距离)

4.fixed  固定的(鼠标不管怎么滚动都是保持在那里不动)

5.sticky  粘贴的(可以有那种固定title的感觉,当你往下滑动鼠标的时候,head部分就会被粘在t顶部)(这个功能有一些UI库自带的,也可以用他们库里的使用)

p{
    position:absolute;
    left:200px;
    top:100px;
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值