前言 我们日常所见到的 App，按开发模式来划分，大致可以分为 Native App、Web App 和 Hybrid App。 下图可以直观的区分这三种类型的 A...
Web前端Hybrid App开发中，H5与App之间的通讯方式
阅读全文
Web前端
Css3利用 Css 制作精美的卡片UI
本教程将会告诉你如何用 Html 和 Css 实现卡片界面。教程会重点使用 Css filter 属性处理图片，以便给它添加一些过渡效果。 第一步：确定 HTML ...
Css3Css 制作圆形头像
最近留意到网上好多网站或者APP的用户头像都做成了圆形， 于是自己参考网上的案例并且结合自己的一些想法试着做了一个。 下面是瘠薄（图片）： HTML代...
Css3如何实现HTML同时支持横向和纵向缩放 ?
在制作网站页面时，有时候我们需要让页面同时支持横向和纵向缩放，相对横向缩放来说，纵向的缩放实现起来较为棘手。横向缩放一般用百分比宽度可以轻松搞定。那么...
Css3什么是浏览器私有属性前缀，它们有什么作用？
Css3浏览器私有属性前缀是各大浏览器为了支持某些还正在实验阶段的新的Css属性（如：我们非常熟悉的Css3中元素阴影属性：box-shadow），虽...
Css3常见的浏览器兼容性问题与解决方案
浏览器兼容问题一：不同浏览器的标签默认的内间距和外间距不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的 margin 和 padding 差异较大。 碰...
Css3纯 Css3 绘制的心型图案
本例主要运用 Css3 中 transform 属性的 rotate 方法对 Div 层实现旋转和 before、after 伪类以及 border-radius ...
Sublime textSublime text 快速编写 HTML 代码 — Emmet插件
你可以使用标签名称为div、p等生成HTML标签，Emmet没有一组预定义可用的标记名称，您可以编写任何单词并把它转化为一个标签，例如： div → <div...
Css3CSS 编码规范
语法 用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。 为选择器分组时，将单独的选择器单独放在一行。 为了代码的易读性，在每个...
Css3Position属性absolute与relative 的区别
每次要用到Position属性时，总要去搜索下，这两个属性值的区别：今天就对网上搜索的结果，结合自己对其的理解将它整理一下以便加深记忆。 Position：abso...
Css3CSS 那么多属性和那么多个值该怎么记？
其实CSS就是去控制样式而已，网页样式是借鉴于传统的报纸等印刷品的排版。你随便在身边找一份报纸或者杂志的一页，用CSS尽可能的还原出来。整体布局还原出来问题应该不大...
Css3Css3闪烁跳跃的进度条
本例主要运用Css3中animation属性绘制动画图形 Html代码： <div class="center"> <ul> ...
Css3CSS 属性选择器
[attribute^ = value]：这是 css 属性选择器的一种 ，用来匹配属性值以指定值开头的每个元素。例如： [class$="box"] { back...
Css3Height:100% 为什么无效？？
有时候我们需要让一个DIV的高度自动拉伸为整个屏幕的高度，即100%的高度： .demo{ width: 100%; height: 100%; ...
