display与visibility可见性、内补白与外补白

本文详细介绍了CSS中display属性对于块级元素和内联元素的影响,以及visibility属性如何隐藏元素。同时,讨论了内补白和外补白在布局中的作用,帮助理解它们如何影响网页元素的空间占用和排列。
摘要由CSDN通过智能技术生成
  • display:设置元素应如何显示
  • visibility:指定一个元素可见还是隐藏

隐藏元素的方式
① display:none; 但隐藏的元素仍占用与未隐藏之前同样的空间,会影响布局
② visibility:hidden;可隐藏元素,且不会占用任何空间

display——块和内联元素

1\ 块元素是一个元素,占用全部宽度,在前后都是换行符
< h1> < p> < div>

2\ 内联元素只需必要的宽度,不需要换行
< span>< a>

可改变元素显示:
li { display:inline; } 转为内联元素 span { display:block; } 转为块元素

注: 变更元素的显示类型是看该元素如何显示
一个内联元素的设置为display:block; 不允许其内部的嵌套款元素

	类型:	display:none;   没有元素
			display:block;  转为块级元素
			display:inline-block;转为行内块状元素
			display:inline; 转为行内元素

layout布局

	*display:	是否及如何显示:none隐藏,block块状显示...
	*float:		指出了对象是否及如何浮动:值none | left | right
	*clear:		清除浮动:none | left | right | bot
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值