- 博客(4)
- 收藏
- 关注
RSS订阅原创 CSS3-flex布局
弹性盒子 display: flex flex为复合属性，且必须配合父元素display:flex使用 首先要了解的概念 1、被设置display: flex的元素叫做容器 2、容器内部的元素称为项目 3、容器主轴(x轴) 默认情况下 4、容器侧轴/交叉轴(y轴) 默认情况下 以下6个属性设置在项目(子元素)上: flex-grow: 放大比例(剩下空余区域按设置的比例填充) 根据所设置的比例...
2019-03-06 22:43:35
135
原创 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
169
转载 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
2147
原创 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
127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人