CSS 常用API

最近又双叒叕叕在学习CSS,导致不得不重新开始复习TAT
请添加图片描述
position:定位

posotion作用
absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
relative生成相对定位的元素,相对于其正常位置进行定位。
fixed生成相对定位的元素,相对于其正常位置进行定位。

absolute 常用于二级菜单,且absolute是相对与父级(relative)来进行定位的,当没有relative这个属性,则会向上查询,还没有父级就是body。绝对定位是脱离文档流的,相当于这个移动你完全可以通过 top left来操作,想去哪里就去哪里,欸嘿

布局API

display属性作用
none:隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
inline指定对象为内联元素
block指定对象为块元素。
list-item指定对象为列表项目。
inline-block指定对象为内联块元素。
table指定对象作为块元素级的表格。类同于html标签
box将对象作为弹性伸缩盒显示

float:浮动

float属性作用
none设置元素不浮动
left设置元素浮在左边
right设置元素浮在右边

同时浮动也会造成一些特殊的情况出现
比如超出父级的高度后,父级的高度就会为0,这样之后的布局就会很僵硬
建议添加 overflow: hidden;

主要就是这些后边我会补充
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值