排序
css module解决命名冲突
css的类名冲突往往发生在大型项目中。 1、大型项目往往会使用构建工具搭建工程。 2、构建工具允许将css样式切分为更加精细的模块。 同JS的变量一样,每个css模块文件中难以出现冲突的类名。 3、...
css中有哪些类型的样式表
1、外部样式表,通过标签引入CSS。 主要在HTML文档中的标签里。 <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge&q...
css中animation是什么
css3中提供了很强大的animation动画,它可以指定多个关键帧,从而允许定义更加丰富的自定义动画。 1、animations使得可以将从一个CSS样式配置转换到另一个CSS样式配置。 2、动画包括两个部分,...
css中skew函数的使用
1、skew函数定义元素在二维平面上的倾斜转换。这种转换是一种剪切映射(横切),在水平和垂直方向上将单元内的每个点扭曲一定的角度。 每个点的坐标根据指定的角度以及到原点的距离,进行成比例的...
css中transition方法的介绍
1、transition提供在更改CSS属性时控制动画速度的方法。 其可以让属性变化成为一个持续一段时间的过程,而不是立即生效的。 2、语法:transition: 属性名 时长 过渡方式 延迟。 实例 div{ opaci...
css中rotate函数是什么
1、rotate函数定义了一种将元素围绕一个定点旋转而不变形的转换。 2、指定的角度定义了旋转的量度。若角度为正,则顺时针方向旋转,否则逆时针方向旋转。旋转180°也被称为点反射。 元素旋转的...
css中translate函数的用法
1、translate允许单独声明平移变换,并独立于transform属性。 2、这在一些典型的用户界面上更好用,而且这样就无需在transform中声明该函数并记住转换函数的确切顺序了。 实例 .wrapper{ width:...
css选择器之间的关系
1、父元素: 直接包含其他元素,这个元素就是包含元素的父元素。 2、祖先元素:包含其他元素,这个元素就是包含元素的祖先元素。 3、子元素: 直接被包含的元素。 这个被包含的元素就是包含元素...
css中align-content属性是什么
1、align-content可以看成是和justify-content是相似且对立的属性,是指垂直方向每一行 flex子项的对齐和分布方式。 2、只适用于多行的flex容器,并且当交叉轴上有多余空间使flex容器内的flex线...
css中couters函数是什么
1、counters函数也必须和content属性一起使用,用来显示CSS计数器。 2、counters作为值传递给content属性,content属性在使用:before伪元素将计数器显示为生成的内容。 而counters()函数与count...