CSS reset 透明度

1,CSS reset就是重置默认样式表的技术,把默认样式全部还原初始值,并且根据项目的不同,CSS reset的方案也会有区别。
在这里插入图片描述
在这里插入图片描述
2,其他常用样式
显示框类型
(1)none:当对一个元素进行不显示操作时,就可以设置none这个值。
在这里插入图片描述
在这里插入图片描述
设置none值后,元素值会隐藏起来并且不占用页面空间。还有对隐藏页面的操作,visibility:
在这里插入图片描述
在这里插入图片描述
(2)biock:可以把元素显示成块标签类型。
在这里插入图片描述
在这里插入图片描述
(3)inline:可以把元素显示成内联标签类型。
在这里插入图片描述
在这里插入图片描述
(4)inline-block:可以把元素显示成既具备块的特点又具备内联特点。
在这里插入图片描述
在这里插入图片描述
3,溢出隐藏
(1)visible:这是overflow属性的默认值,内容溢出不会被修剪,在元素框外显示。
在这里插入图片描述
在这里插入图片描述
(2)hidden:可以对溢出的部分进行修剪,并且被修剪的内容不会显示。
在这里插入图片描述
在这里插入图片描述
(3)scroll:可以对元素设置滚动条,当内容溢出时,通过拖拽滚动条查看溢出内容。
在这里插入图片描述
在这里插入图片描述
拖动滚动条后
在这里插入图片描述
(4)auto:这是“自适应”的意思,当内容没有溢出时不添加滚动条,内容有一处时再添加滚动条。
在这里插入图片描述
内容不溢出时:
在这里插入图片描述
在这里插入图片描述
4,透明度
(1)opacity:可以设置元素的透明度,取值范围为0~1,0表示完全透明,1表示不透明,半透明可以设置为0.5.
在这里插入图片描述
在这里插入图片描述
(2)rgba:出了设置颜色外,还可以设置透明度,取值范围也是0~1.
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值