- 博客(4)
- 收藏
- 关注
原创 CSS3-flex布局
弹性盒子 display: flex flex为复合属性,且必须配合父元素display:flex使用 首先要了解的概念 1、被设置display: flex的元素叫做容器 2、容器内部的元素称为项目 3、容器主轴(x轴) 默认情况下 4、容器侧轴/交叉轴(y轴) 默认情况下 以下6个属性设置在项目(子元素)上: flex-grow: 放大比例(剩下空余区域按设置的比例填充) 根据所设置的比例...
2019-03-06 22:43:35
161
原创 CSS3动画
形状变化 transform 可以实现元素的形状、角度、位置的变化 1、旋转 rotate() 以x/y/z为轴进行旋转,默认为z rotateX(), rotateY(), rotateZ(), rotate3d(x,y,z, angle) PS: xxx3d可以开启GPU加速,动画会更流畅 2、缩放 scale() 以x/y为轴进行缩放 scale(x, y) 接受两个值,如果第二参数未提...
2019-03-06 22:41:13
194
转载 CSS3技巧--巧妙运用first-child和nth-last-child实现元素个数选择器
有时候可能我们会有这样一种需求 当div内有1个元素时应用某种样式,当div内有2个元素时又利用不同的样式。。。。以此类推。 但是CSS中除了only-child可以选择只有一个元素的情况,那么别的情况怎么办? /* 一个元素时 */ li:first-child:nth-last-child(1) { /* -或者可以使用- li:only-child { */ width: ...
2018-08-28 15:08:25
2195
原创 JavaScriptTrick--[1, 2, 3].map(parseInt)
题目 ["1", "2", "3"].map(parseInt); //输出 [1, NaN, NaN] 输出什么? 1、parseInt() //使用语法 parseInt(string, radix) parseInt方法可解析一个字符串,并返回一个整数。 当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数。 当忽..
2018-08-24 15:41:36
153
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人