当前位置: 首页 > 后端技术 > Python

CSS样式变化——多列、元素是否可见、图片透明

时间:2023-03-25 22:18:34 Python

前言上一篇文章主要讲述了CSS样式变化中的过渡和动画基础知识。在这篇文章中,我们将介绍多个列和元素在CSS样式上的变化。可见性、图像透明度知识。.1.多列DoubleCol1)。创建多列div{-moz-column-count:2;/*Firefox*/-webkit-column-count:2;/*Safari和Chrome*/column-count:2;}div被分成两列2)。指定列间距div{-moz-column-gap:30px;/*Firefox*/-webkit-column-gap:30px;/*Safari和Chrome*/column-gap:30px;}指定列之间的间距为30px3)。列规则div{-moz-column-rule:1px红色点缀;/*Firefox*/-webkit-column-rule:1px红色点缀;/*Safari和Chrome*/column-rule:1pxdottedred;}column-rule-width列之间的宽度规则column-rule-style列之间的样式规则column-rule-color列之间的颜色规则4).宽度和列数div{columns:10px3;-moz-columns:10px3;/*Firefox*/-webkit-columns:10px3;/*Safari和Chrome*/}column-widthcolumnwidthcolumn-countcolumnsNumber5).fillcolumndiv{column-fill:auto;}balancecolumnprocessingauto自动填充2.元素是否可见Visibilitydiv{visibility:hidden}visibleelementvisiblehiddenelementinvisiblecollapse用于table元素visible,其他label元素Invisible3.图片透明度0pacityopacity:0.4Decimalsrangingfrom0to1filter:alpha(opacity=100)Integersrangefrom0to100参考文档:W3C官方文档(CSS)总结本文主要介绍了CSS样式变化多列、元素是否可见、图片透明度等知识,希望能让大家对CSS样式变化有一个简单的了解和认识。了解更多Python爬虫和数据挖掘专业网站:http://pdcfighting.com/了解更多Python网络爬虫和数据挖掘专业网站:http://pdcfighting.com/