摘要:
var arr1 = [2, 3, 5, 6, 7, 2, 1] // 1、添加 、删除 // push arr1.push(10); console.log(arr1); //[2, 3, 5, 6, 7, 2, 1, 10] // pop arr1.pop(); console.log(arr1 阅读全文
摘要:
1、less是什么? CSS预处理语言 2、less安装使用 less使用: 1.安装依赖 (npm install -g less 安装 安装完成后需要测试less -v lessc style.less style.css 编译文件)2.新建项目 3.引入编译后的css文件 4.新建less文件 阅读全文
摘要:
BootaStrap到底是个什么玩意? 话不多说官网献上:bootStrap官网 bootStrap:一种前端框架(将方法、属性等进行封装,真正走上了复制、粘贴的阳光大道) 1、开始之前的准备 1、引入bootStrap.css,敢问不引入怎么用?! 2、引入jQuery,因为bootStrap的j 阅读全文
摘要:
媒体查询:针对不同的媒体类型定义不同的样式 1、定义和使用: @media screen and (max-width:像素) and (min-width:像素){ /*在像素的范围的时候下面进行的一些变化设置*/ } @media screen and (max-width:768px) { . 阅读全文
摘要:
1、flex 弹性盒子:当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 弹性盒子由**弹性容器**(Flex container)和**弹性子元素**(Flex item)组成 **弹性容器**:简单理解为 父元素,将父元素设置为display:flex或inline- 阅读全文
摘要:
transparent: 指定全透明色彩. transparent 是全透明黑色(back)的速记法。类似rgb的值。(看不见哦!) <style> .div4 { width: 144px; height: 30px; line-height: 30px; background-color: #1 阅读全文
摘要:
1、旋转 rotate transform: rotate(360deg); 旋转rotate默认是圆心 但可以给两个值,这两个值不能加逗号,可以规定旋转的圆心点 transform-origin 想对于盒子的左上角开始 2、平移 translate transform: translate(200 阅读全文
摘要:
1、线性渐变 CSS3渐变: linear-gradient:3个参数 是颜色,还有一个参数可以设置方向 background: linear-gradient(); 右下角 background: linear-gradient(to right bottom, red, green, blue) 阅读全文
摘要:
1、img background 可以导入多个图片用‘,’隔开即可,同时还可以设置图片的位置 比如:right top(右上角) background: url(./img/yue.jpg), url(./img/test.png) right top; 2、size backgrorund-siz 阅读全文
摘要:
1、过渡transition transition-property:all; 过渡属性-全部都过渡 transition-delay:; 延迟的时间 transition-duration:; 过渡时间 transition-timing-function:;过渡的速度 过渡速度有三个值: eas 阅读全文