本文详细描述了display:inline-block的基础知识，产生的问题和解决方法以及其常见的应用场景，加深了对inline-block应用的进一步理解。 基础知识 display:inline-block是什么呢？相信大家对这个属性并不陌生，根据名字inline-block我们就可以大概猜出它是结合了inline和block两者的特性于一身，简单的说：设置了inline-block属性的元素既拥有了block元素可以设置width和height的特性，又保持了inline元素不换行的特性。 举...
样式中的顺序问题。 如：padding，margin,border,等，都是按照顺时针方向赋值的，及上右下左。 Padding:1px 2px 3px 4px;(top:1px;right:2px;bottom:3px;left:4px;) Border-radius:3px;表示四个角都是3像素的圆角。 Border-radius:3px 4px 5px 6px;四个角的圆角度数都不一样，左上为：3px;右上为：4px,右下为5px；左下为6px； 样式中的缩写。 我们在样式中经常看到这样的写法： margin：0 ...
网页中应用CSS样式的几种方式:建议:尽可能的手写代码，可以有效的提高学习效率和深度。网页使用CSS样式的方法有多重，下面简单介绍一下:一.将样式直接写在标签之内，例如: 蚂蚁部落 此中方式的优点是使用灵活，但是缺点也很明显，比如不能够统一管理样式，容易造成页面体积庞大等等问题。二.在与标签内写CSS样式，例如: 蚂蚁部落 .mytest{ color:red; font-weight:bold } 蚂蚁部...
我在js代码特效网站，找到一个鼠标滑动切换内容的代码，但是怎样把这个代码套进去网站，实际来应用呢？ 做成图片上面这张可以实际应用 来切换的 回复讨论(解决方案) 图片上网站的例子网址：tzrlfk 前面www. 和.com 不知道能不能发网址 1111*{ margin:0; padding:0; list-style:none;}body{ font-size:12px; color:#666; text-align:left;}h1{ text-align:cen...
后续DWZ框架准备支持响应式。为了感谢大家多年来的支持，现推出DWZ＋Bootstrap响应式临时解决方案。 源码下载地址： http://git.oschina.net/dwzteam/dwz_bootstrap bootstrap + dwz 表单验证，ajax表单提交，在文件上传的表单异步提交，错误提示表单如果很长，有错误提示时，会自动滚动到页面头部，方便看出错信息使用的时候只要在form上加一个class="required-validate" 就可以自动判断是 ajax提交还是, 文件上传提交，会...
http://www.mmtrix.com/ 官网 http://www.mmtrix.com/evaluate/result?popup=true 网页检测
1.atom/electron github: https://github.com/atom/electron 中文文档： https://github.com/atom/electron/tree/master/docs-translations/zh-CN 2.下载 electron-v0.36.5-win32-x64 https://github.com/atom/electron/releases/download/v0.36.5/electron-v0.36.5-win32-x64.zip 3.新建一个项目-快速入门： https://github.com/atom/electron/blob/master/docs-translations/zh-CN/tutorial/quick-start.md 大体上...
不久前，“微信之父”张小龙轻描淡写的宣布了计划推出“应用号”的消息，激起了千层浪。这是一招妙棋，它是微信探索服务号失败之后的重要动作，承载了微信这个超级平台商业化闭环的重任。 1、三大号定位清晰号令天下 服号因为推送机制、功能设计的缺陷，一直鸡肋。服务号升级成应用号，水到渠成。 订阅号，专注内容和资讯;企业号专注办公(CRM、OA等)，应用号专注APP服务。葫芦娃三兄弟，号令天下。 2、普及微信支付肉...
一、你至少应该知道ARIA是什么东西！ WAI-ARIA指无障碍网页应用。主要针对的是视觉缺陷，失聪，行动不便的残疾人以及假装残疾的测试人员。尤其像盲人，眼睛看不到，其浏览网页则需要借助辅助设备，如 屏幕阅读器，屏幕阅读机可以大声朗读或者输出盲文。 而ARIA就是可以让 屏幕阅读器准确识别网页中的内容，变化，状态的技术规范，可以让盲人这类用户也能无障碍阅读！ 二、为什么需要ARIA？ 回答标题问题前我先问其他...
Web应用程序是用于创建动态网站。Java提供的Web应用程序通过servlets和JSP的支持。我们可以创建一个静态HTML页面的网站，但当我们想要的信息是动态的(和网站有交互),需要的Web应用程序。 本文的目的是提供Web应用程序的不同组件基本资料以及我们如何使用Servlet和JSP来创建我们的Java Web应用。 Web服务器和客户端 Web服务器是一个软件，可以处理客户端的请求和发送响应给客户端。例如，Apache是一种使用最广泛的Web服务器。We...
开发离线Web应用需要几个步骤: 首先确保应用知道设备是否能上网。 应用必须能访问一定的资源(图像,Javascript,CSS)，这样才能正常工作。 离线检测 navigator.onLine HTML5新定义的属性，这个属性值为true表示设备能上网，值为false表示离线设备。这个属性的关键是浏览器必须知道设备能否访问网络，从而返回正确的值。 相关事件类型:online和offline HTML5还定义...
想要实现这样一个父元素中的子元素都是居中的 只需在父元素上加样式 {display: flex;flex-direction: column;align-items:center;} 设置为flexbox布局，方向为纵向排列，第三句是使其居中。 如果三个子元素的距离要自己设定，就设置margin-top或margin-bottom就好了； 如果让其自动调整，可以给父元素的样式再加上 {justify-content：space-around;} 这样剩余的空间会自动分配...
在写网页过程中，会遇到这种需要多个图标展示: 如上图中的「女装」文字左边的图标。容易想到的解决方法是为每张图片加入标签，但这样做会增加HTTP请求数量，影响网站加载速度。比这更优的解决方案是：雪碧图sprite。 所谓雪碧图就是把我们所需要的所有小图片用CSS sprite或者PS工具拼接成一张大图片，然后通过元素的background-image、background-positon属性完成图片的定位。 为此，我做了个Demo。 ...
这篇文章通过两个加载动画向大家介绍CALayer的动画。按照面向对象的思想说，Layer其实就是一个模型类，像Java里的POJO类一样，它包含若干属性，并没有任何处理逻辑的方法，这些属性影响着显示在Layer中的内容。我们先来看看UIView和CALayer之间有什么区别和联系。 联系：Layer是View背后的那个女人。每一个UIView后面都有对应的CALayer，大家看到的在UIView中显示的内容其实是在CALayer中。 区别： View有...
× 目录 [1]跟随图标 [2]视频提示 [3]下拉菜单 [4]边缘对齐 [5]星号 [6]全屏适应 [7]半区翻图 [8]九宫格 [9]等高布局 [10]整体布局 前面的话 之前的博客文章已经详细介绍过绝对定位的基础知识，由于它的用途实在广泛，于是单独为其写这篇关于其应用的博客。关于绝对定位的基础知识移步至此 静态位置 当元素绝对定位后，若该元素的格式化属性不发生变化...