HTML/CSS
关注
分享
扫一扫
HTML教程
st紫月
这个人很懒，只想把你留下
展开
-
echarts数据可视化
ECharts是一个使用JavaScript实现的可视化开源库网址：https://echarts.apache.org/zh/index.htmlECharts的基本使用：1.引入echarts.js文件2.准备一个呈现图表的盒子3.初始化echarts实例对象4.准备配置项5.将配置项设置给echarts实例对象...原创 2021-10-12 19:19:11 · 712 阅读 · 0 评论 -
移动端自适应与响应式布局
处理html5标签兼容问题：html5shiv.min.js可以把高级标签转化为低级标签<!--[if lt IE 9]> <script src="./html5shiv.min.js" type="text/javascript" charset="utf-8"></script> <![endif]-->html5shiv.min.js/html5shiv.js下载地址：https://www.dbmng.com/art-1661.ht原创 2022-04-22 10:03:20 · 180 阅读 · 0 评论 -
css浮动和定位的讲解
浮动的讲解：因为div盒子默认是换行的（也就是默认一个div盒子占一行）浮动就是为了能让一个父盒子当中的多个div盒子并排显示效果如下：浮动效果：<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht原创 2021-11-23 23:12:24 · 380 阅读 · 0 评论 -
关于video音频标签的有关事件
//获取视频DOM元素 var myVideo = document.getElementById("myVideo"); //监听播放开始 myVideo.addEventListener('play',function(){ console.log("开始播放"); }); //监听播放结束 myVideo.addEventListener('pause',function(){ console.log("播放暂停"); }); //监听播放结束 myVideo.addEve.原创 2021-11-22 12:19:13 · 599 阅读 · 0 评论 -
overflow-x：scroll中使用flex布局
flex布局有一个默认的规则就是当父元素宽度不够用时，自己调整自己所占的宽度比，这个flex-shrink设置为1时，表示所有子元素大家同时缩小来适应总宽度。当flex-shrink设置为0时，表示大家都不缩小适应。<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>test</title> <style type="text/css"原创 2021-10-24 22:13:10 · 744 阅读 · 0 评论 -
HTML ＜frameset＞ 标签的使用方法
frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。重要事项：您不能与 标签一起使用 标签垂直框架：代码：<html><frameset cols="25%,50%,25%"> <frame src="a.html"> <frame src="b.html"> <f转载 2021-10-10 21:04:25 · 273 阅读 · 0 评论 -
移动端flex布局
1.flex给父级添加属性：flex-direction：设置主轴的方向（默认是横向的，）justify-content：设置主轴上的子元素排列方式flex-warp：设置子元素是否换行align-content：设置侧轴上的子元素的排列方式（多行）align-items：设置侧轴上的子元素的排列方式（单行）justify-content：flex-warp：在flex盒子内，没有设置flex-warp时，如果子盒子总共的宽度超过了父盒子的宽度，flex会自动缩小子盒子的宽度，不会换行显原创 2021-10-04 21:16:25 · 154 阅读 · 0 评论 -
mui框架快捷键大全
https://www.cnblogs.com/hanweb/p/4155475.html转载 2021-07-31 15:25:28 · 652 阅读 · 0 评论 -
mui选项卡跳转问题
1.mui预加载跳转<!--底部选项卡--><nav class="mui-bar mui-bar-tab"><a class="mui-tab-item mui-active" href="home.html"><span class="mui-icon mui-icon-home"></span><span class="mui-tab-label">首页</span></a><a cl转载 2021-06-07 09:02:39 · 344 阅读 · 0 评论 -
Hbuilder打包成APP的方法
1.先建一个HTML5的APP项目2.配置图标必须使用png图片，jpg转换png地址http://pdftoword.55.la/img2png/3.点击发行，选择安卓的公用证书和iOS的越狱文件原创 2021-06-03 01:51:40 · 359 阅读 · 0 评论 -
HTML5 Canvas
HTML5 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. 标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。创建一个画布（Canvas）一个画布在网页中是一个矩形框，通过 元素来绘制.canvas 是一个二维网格。canvas 的左上角坐标为 (0,0)创建画布代码：<canvas id="myCanvas" width="200" height="100"style="border:1p转载 2021-06-02 16:34:51 · 124 阅读 · 0 评论 -
HBuilder X 中使用模拟器进行App开发
原文：https://www.cnblogs.com/oukele/p/9967291.html转载 2021-05-31 15:28:21 · 255 阅读 · 0 评论 -
MUI框架的基本使用
要使用MUI框架，在Hbuilder中必须新建HTML5+ APP，并且创建MUI项目，Hbuilder会自动生成代码代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user原创 2021-05-31 09:47:33 · 6291 阅读 · 0 评论 -
HTML5播放多媒体
<audio>标签<audio>标签用于播放音频，它支持的音频文件格式包括 .wav .mp3 .ogg，如果并不是这三种格式，可以使用http://cn.office-converter.com实现音频格式的在线转换<audio>标签的书写格式如下：<audio src="音频文件地址" id='myaudio'> <source src="song.ogg" type="audio/ogg"> <source src=原创 2021-05-24 15:42:29 · 408 阅读 · 0 评论 -
HTML《轮播图的实现》
思路：把全部图片的路径放在一个数组里，用一个全局变量来记录当前图片的路径的数组下标，当切换页面的时候把这个下标对应的数组内容给图片的背景。给每个小圆圈一个自定义属性index，当点击它的时候把它的自定义属性给k，再设置图片背景即可...原创 2021-04-26 18:28:11 · 569 阅读 · 0 评论