- 博客(4)
- 收藏
- 关注
原创 H5布局——弹性盒(flex)
H5布局——弹性盒(flex)1.弹性盒:Css3的一种新的布局方式,1.改变他所有子一级元素的排列方式(除了子一级的后代元素除外)2.在你给一个元素设置display :flex 的时候 =>弹性父级:设置了display :flex 的元素 =>弹性子级:其所有的子级元素3.在开启弹性布局以后 a.会得到一条默认的主轴 =>默认方向为水平方向,按照x轴正方向 b.会得到一条默认侧轴 =>永远垂直主轴排列4.开启弹性布局后对子元
2020-09-14 20:29:13
1177
原创 gulp的使用操作步骤
一.gulp的使用操作步骤1.下载全局的gulp包,负责编译整个项目的gulpfile.js .下载命令行$ npm i -global gulp2在cmd中找到指定文件的根目录 在命令行里输入$ npm init ,监测下载的包是否准确的放入指定依赖里 + dependencies => 表示的你项目的 项目依赖 => 比如 jquery, swiper => 指项目运行需要用到的内容, 将来上线以后也需要用到的内容 + devDepen
2020-09-11 10:41:55
548
原创 HTML5基础知识汇总
HTML5基础知识汇总1什么是H5官方解释: 基于html5 和 css3 和一部分 js API结合开发的平台 html5: html的第五代版本标准 相对增加了一些新的标签,属性,表单类型,本地缓存 机构相对松散2html5新增的标签的和属性1.语义化标签 1-1.header:表示头部,块级元素 1-2.footer:表示底部,块级元素 1-3.section:表示区块 1-4.nav:表示导航链接 1-5.aside:表示侧边栏 1-6
2020-09-11 10:20:05
226
原创 JS简单的全选按钮的实现
1.html+css部分 <style> *{ margin: 0; padding: 0; } .box { width: 160px; padding: 5px; border: 1px solid #333; margin: 100px auto; } .box > div { padding: 15px;
2020-08-20 20:07:20
783
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人