- 博客(10)
- 收藏
- 关注
原创 从标签到BFC
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-06-07 23:47:19 222
原创 鼠标移动显示tip信息
实现了:点击按钮显示不同信息根据鼠标位置显示不同信息提示界面:代码:html:在这里插入代码片css:在这里插入代码片js:在这里插入代码片
2020-09-12 15:29:32 1059
原创 多选框一键全选
实现了:一键全选,全不选反选根据多选框是否全选/全不选,更改显示代码:html: <dl> <dt> <input type="checkbox" id="all"><label for="all">全选</label> <a href="javascript:" id="Reverse">反选</a> </dt>
2020-09-12 14:53:01 1485
原创 窗口所在位置,元素的宽高
Window视图:浏览器相对于屏幕的位置screeLeftscreeTopscreenXscreeY浏览器窗口大小outerWidthouterHeight页面视图的大小innerWidthinnerHeightDocument文档视图(低版本IE的innerWidth、innerHeight的代替方案)document.documentElement.clientWidth 浏览器窗口可视区宽度(不包括浏览器控制台、菜单栏、工具栏、滚动条)document.documentE
2020-09-07 20:42:01 243
原创 javaScript数据类型
数据类型六种基本数据类型:undefined,null,boolean,number,string,symbol(ES6引入)一个引用类型:objecttypeof操作符:检测变量的数据类型Undefined: var un; //变量声明未初始化时,此变量的值为 undefined console.log(un); //值为 undefined console.log(typeof un); //数据类型为 undefinedNull:
2020-08-26 14:03:15 173
原创 Grid布局
基本概念 <div class="container"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> <div class="item">5
2020-08-22 15:29:49 290
原创 flexbox示例2——网格/圣杯布局
网格布局:flex:1;将项目设为auto。flex:0 0 25%;将项目设为固定的大小容器的1/4;实现效果:html: <div class="box"> <div class="item"> <div></div> <div></div> <div></div> </div&g
2020-08-18 15:21:28 150
原创 flexbox示例1——骰子布局
基础样式css设置:<style> .box{ width: 900px; height: 900px; margin: 0 auto; background: silver; } .item{ width: 300px; height: 300px; background: b
2020-08-15 23:07:06 159
原创 圣杯布局
圣杯布局实现:浏览器页面宽度变化时,左右内容不变,中间内容自适应整体浮动,c在最前面,方便渲染左右宽度恒定center宽度width=100% = 父元素宽度,宽度自适应父元素设置min-width将左右移动到自己应该去的位置,定位/margin等方法实现 -->...
2020-08-13 15:14:19 144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人