- 博客(4)
- 收藏
- 关注
RSS订阅原创 CSS3-flex布局
弹性盒子 display: flexflex为复合属性，且必须配合父元素display:flex使用首先要了解的概念1、被设置display: flex的元素叫做容器2、容器内部的元素称为项目3、容器主轴(x轴) 默认情况下4、容器侧轴/交叉轴(y轴) 默认情况下以下6个属性设置在项目(子元素)上:flex-grow: 放大比例(剩下空余区域按设置的比例填充)根据所设置的比例...
2019-03-06 22:43:35
122
原创 CSS3动画
形状变化transform 可以实现元素的形状、角度、位置的变化1、旋转rotate() 以x/y/z为轴进行旋转，默认为zrotateX(), rotateY(), rotateZ(), rotate3d(x,y,z, angle)PS: xxx3d可以开启GPU加速，动画会更流畅2、缩放scale() 以x/y为轴进行缩放scale(x, y) 接受两个值，如果第二参数未提...
2019-03-06 22:41:13
163
转载 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
2117
原创 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
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人