CSS reset 透明度

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