![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
star...
这个作者很懒,什么都没留下…
展开
-
基本HTML结构
每个HTML文档都应该包含以下基本成分<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <title></title></head><body></body></html>这是每个HTML页面的基础。缩进并不重要,但结构很重要。在这个例子中,默认语言(由lang属性指定)被设为代表英语的en原创 2017-03-27 11:51:31 · 2509 阅读 · 0 评论 -
移动终端H5页面meta标签的设置案例
天猫<title>天猫触屏版</title><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><meta charset="utf-8"><meta content="width=device-width, initial-scale=1.0, maxi...原创 2019-05-24 10:34:32 · 752 阅读 · 0 评论 -
移动终端h5页面常用的meta属性
apple-mobile-web-app-capableapple-mobile-web-app-capable是设置web应用是否以全屏模式运行语法:<meta name="apple-mobile-web-app-capable" content="yes">说明:如果content设置为yes,web应用会以全屏模式运行。content设置为no,表示正常显示。可以通过...原创 2019-05-24 10:19:59 · 1448 阅读 · 0 评论 -
npm run命令会自动在环境变量$PATH添加node_modules/.bin目录
npm run命令会自动在环境变量$PATH添加node_modules/.bin目录,所以scripts字段里面调用命令时不用加上路径,这就避免了全局安装NPM模块。npm run如果不加任何参数,直接运行,会列出package.json里面所有可以执行的脚本命令。npm run会创建一个Shell,执行指定的命令,并临时将node_modules/.bin加入PATH变量,这意味着本地模块...转载 2019-06-05 14:25:51 · 7509 阅读 · 0 评论 -
npm --save-dev --save 的区别
npm install 在安装 npm 包时,有两种命令参数可以把它们的信息写入 package.json 文件一个是 --save || -S // 运行依赖(发布)另一个是–save-dev || -D //开发依赖(辅助)区别是它们会把依赖包添加到package.json 文件–save : dependencies 键下,发布后还需要依赖的模块,譬如像jQuery库或者An...转载 2019-06-05 11:07:56 · 28474 阅读 · 0 评论 -
h5页面唤醒app
h5页面发送请求打开app自定义url scheme,如taobao://home(淘宝首页) 、etao://scan(一淘扫描));如果安装了客户端则会直接唤起,直接唤起后,之前浏览器窗口(或者扫码工具的webview)推入后台;如果在指定的时间内客户端没有被唤起,则js重定向到app下载地址。window.location.href = 'taobao://home'setTimeo...原创 2019-05-23 20:13:20 · 1675 阅读 · 0 评论 -
-webkit-text-size-adjust的用法
-webkit-text-size-adjust的用法如下:1、当样式表里font-size<12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用 html{-webkit-text-size-adjust:none;} 或者html{-webkit-text-size-adjust:100%;}2、-webkit-text-size-adjust放在body上会导致页...原创 2019-05-23 19:58:58 · 11735 阅读 · 0 评论 -
移动端几种tab切换及实现方式
看了下 FrozenUI(QQ)、Jquery WeUI(微信)、SUI Mobile(淘宝)的tab实现方式,自己整理了一下。1、FrozenUI<div class="wrap"> <ul class="tab border-b"> <li class="tab-item current"> <span&g...原创 2019-05-23 17:00:19 · 8470 阅读 · 1 评论 -
div水平居中及div水平垂直居中的方法总结
水平居中1、margin:auto<div class="wrap"> <div class="wrap-txt"></div></div>.wrap{ width: 100%;}.wrap-txt{ width: 6rem; height: 2rem; background: #00FFFF; ...原创 2019-05-23 16:41:39 · 384 阅读 · 0 评论 -
H5移动端常见问题
html5调用安卓或者ios的拨号功能html5提供了自动调用拨号的标签,只要在a标签的href中添加tel:就可以了。如下:<a href="tel:4008106999,1034">400-810-6999 转 1034</a>拨打手机直接如下<a href="tel:15677776767">点击拨打15677776767</a>...原创 2019-05-24 11:56:30 · 917 阅读 · 0 评论 -
BFC
1、常见布局模式CSS中的三种布局模型:流动模型(flow)、浮动模型(float)、层模型(layer)2、BFC的原理 BFC即 Block Formatting Context(块级格式化上下文),它属于上述布局模式中的流动模型。 它是W3C CSS2.1规范中的一个概念,它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及...转载 2019-04-09 18:03:50 · 107 阅读 · 0 评论 -
CSS3动画
1、 @keyframes规则@keyframes规则用于创建动画,在@keyframes中规定某项css样式,就能创建由当前样式逐渐过渡为新样式的动画效果。定义动画的方式有两种:1)<head> <meta charset="UTF-8"> <title></title> <style type="text/css">...原创 2019-04-11 11:39:11 · 315 阅读 · 0 评论 -
css选择器
1、交集选择器既是p标签类名称又是text的字体变成红色p.text{color: red}2、并集选择器让container下的所有元素内容为蓝色#container p, span, em, strong{color: blue}3、兄弟选择器选择h1 元素后出现的段落h1~p{color:red;}<p>Hello word!</p>&...原创 2019-08-13 10:19:51 · 223 阅读 · 0 评论