极客神殿

坚持,自由,信仰

display的flex属性使用详解

flex的兼容性在pc端还算阔以,但是在移动端,那就呵呵了。今天我们只是学习学习,忽略一些不重要的东西。 首先flex的使用需要有一个父容器,父容器中有几个items. 父容器:container 属性:    display:flex;/flex块级,inline-flex:行内快/ ...

2018-05-21 22:33:48

阅读数:7

评论数:0

浅谈CSS3中display属性的Flex布局

最近在学习微信小程序,在设计首页布局的时候,新认识了一种布局方式display:flex .container { display: flex; flex-direction: column; align-items: center; background-color: #b...

2018-05-21 21:49:32

阅读数:46

评论数:0

CSS之使用display:inline-block来布局

1.解释一下display的几个常用的属性值,inline , block, inline-block inline: 使元素变成行内元素,拥有行内元素的特性,即可以与其他行内元素共享一行,不会独占一行. 不能更改元素的height,width的值,大小由内容撑开. 可以使用padding,...

2018-05-16 21:01:29

阅读数:12

评论数:0

CSS响应式步骤进度指示器效果

Default.html<!DOCTYPE html> <html class="no-js" lang=""> <head> <meta charset="utf-8"> ...

2018-03-10 16:27:34

阅读数:53

评论数:0

HTML元素的优先级

在设计HTML页面的过程中经常会遇到表单元素覆盖样式元素引起的问题,如下图 一、HTML元素的显示优先级HTML中常用的表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框,密码输入框,单选输入框,复选输入框等等。常见的非表单元素包括:链接标记(A),DIV标记,SPA...

2017-07-27 22:21:19

阅读数:387

评论数:0

书籍截图

《Web异步与实时交互(iframe AJAX WebSocket开发实战)》

2017-07-25 09:49:39

阅读数:338

评论数:0

HTML5功能检测

谷歌浏览器火狐浏览器IE浏览器!!!!!!

2017-07-24 22:20:12

阅读数:194

评论数:0

H5项目常见问题汇总及解决方案

Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一、HTML页面结构 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=...

2017-06-30 16:40:24

阅读数:836

评论数:0

html5 history微信浏览器返回不刷新

History API与浏览器历史堆栈管理:移动端开发在某些场景中有着特殊需求,如为了提高用户体验和加快响应速度,常常在部分工程采用SPA架构。传统的单页应用基于url的hash值进行路由,这种实现不存在兼容性问题,但是缺点也有–针对不支持onhashchange属性的IE6-7需要设置定时器不断...

2017-06-02 13:35:23

阅读数:14186

评论数:5

3D多边形背景动画

index.html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>3D多边形背景动画</title...

2017-03-08 21:13:50

阅读数:571

评论数:0

仿天猫浮动折叠菜单

未来,只属于那些知道自己归属的人。index.html<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>...

2017-02-11 23:24:47

阅读数:2269

评论数:0

IOS移动端(H5)alert/confirm提示信息去除网址(URL)

最近移动端项目用alert和confirm进行信息提示,但发现在iOS系统中,每次提示信息上面都会被添加一行URL地址。那么如何去掉地址提示呢,经查找和实现发现进行重写alert和confirm方法可解决此问题。 代码如下:重写alert方法:window.alert = function(na...

2016-11-15 11:27:50

阅读数:3469

评论数:1

HTML5 WebSockets功能的例子

Index.html代码如下: Web Sockets 示例 Web Sockets 示例 登录 注销 style.css的内容如下: body{ font-family:Calibri, ...

2016-07-18 00:15:04

阅读数:2261

评论数:0

HTML5的FileReader API在浏览器中一行行的读取本地文本文件

首先html代码如图: 单行读文本 Read $(function () { var lr = new LineReader(); //文件块chunkSize 默认1024B,可以自己设置大小new Line...

2016-07-16 14:52:11

阅读数:4885

评论数:0

手机移动端Html5控制布局

ViewPort 标记用于指定用户是否可以缩放Web页面,如果可以,那么缩放到的最大和最小缩放比例是什么。使用 ViewPort 标记还表示文档针对移动设备进行了优化。ViewPort 标记的content值 是由指令及其值组成的以逗号分隔的列表。 例: width 和heig...

2016-07-14 15:39:14

阅读数:2916

评论数:1

HTML5的IndexedDB增删改查

IndexedDBtest.htm内容如下: function init() { var dbParams = new Object(); ...

2016-07-11 16:58:35

阅读数:9951

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭