CSS样式变化——裁剪、Z-Index、清除、改变元素特性

前言上一篇主要介绍了CSS样式变化中盒模型、定位、浮动、溢出的基础知识。这篇文章主要分享CSS的基础知识，让我们一起看看裁剪、Z-Index、清空、改变元素在样式变化中的特性。1.裁剪Clip就是裁剪元素的某个区域。clipimg{clip:rect(23px,14px,45px,54px)}rect(top,right,bottom,left)设置元素的形状为auto，不应用任何裁剪2.Z-索引设置元素div的堆叠顺序{z-index:1}p{z-index:10}a{z-index:-1}z-index值越大，显示的元素越近。3.ClearClear用于清除浮动的div{clear:both}leftClearleftfloatingrightClearrightfloatingbothClearleftandrightfloatingnone允许浮动元素不会显示。块元素将显示为块级元素，前后都有换行符。内联元素将显示为内联元素，元素前后没有换行符。inline-block内联块元素list-item元素将显示为列表。插入元素根据上下文显示为块级元素或内联元素。表格元素显示为块级表格，表格前后有换行符。inline-table元素将显示为一个内联表格，表格前后没有换行符。table-row-group元素将显示为一组一行或多行（类似于）。table-header-group元素将显示为一组一行或多行（类似于）。table-footer-group元素将显示为一组一行或多行（类似于）。table-row元素将显示为表格行（类似于）。table-column-group元素将显示为一组一个或多个列（类似于）。table-column元素将显示为一列单元格（类似于）table-cell元素将显示为表格单元格（类似于和）table-caption元素将是显示为表格标题（类似于），此时块级元素div具有内联元素的特性。参考文档：W3C官方文档（CSS文章）总结本文主要介绍CSS样式变化中的裁剪、Z-Index、清除和改变元素等特性，希望能让大家对CSS样式有一个简单的了解。了解更多Python爬虫和数据挖掘专业网站：http://pdcfighting.com/了解更多Python网络爬虫和数据挖掘专业网站：http://pdcfighting.com/