蓝戒的博客_逐梦天空-专注于web前端开发|用户体验_Page 12
May 04 2015
最近做移动端页面，优化UI的时候发现，苹果手机浏览页面中设置的css伪类：active失效。查找资料发现要让css active伪类生效，只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。
:active伪类常用于设定点击状态下或其他被激活状态下一个链接的样式。最常用于锚点<a href="#">这种情况，一般主流浏览器下也支持其他元素。在多按键的鼠标系统中，：active只适用于主... 阅读全文
May 02 2015
为了确保各个浏览器初始化时页面布局一致，需要使用css在重置以下页面标签:
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, th, td, pre, blockquote, fieldset, lengend, input, button, textarea, form{margin: 0; padding: 0;}
body, input, button, textarea, select{font-size:12px; font-family: "Microsoft YaHei", Helvetica, Tahoma, Arial, sans... 阅读全文
Apr 26 2015
目录(?)[-]
Name
Version
Description
Keywords
Homepage
Bugs
License
Author contributors
Files
Main
Bin
Directories
Directorieslib
Directoriesbin
Repository
Scripts
Config
Dependencies
devDependencies
peerDependencies
bundledDependencies
optionalDependencies
Engines
engineStrick
Os
CPU
preferGlobal
Private
publishConfig
默认值
Name
必须字段。
小提示：
不要... 阅读全文
Apr 24 2015
引言
HTTP是一个属于应用层的面 向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中 使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTTP-NG(Next Generation of HTTP)的建议已经提出。
HTTP协议的主要特点可概括如下：
1.支持客户/服务器模式。
2.简单快速：客户向服务器... 阅读全文
Apr 22 2015
今天测试移动端页面使用谷歌浏览器的手机模拟器测试页面效果时发现和手机看的效果有差异，因此想在本地搭建一个简单的web服务器，通过谷歌浏览器安装一个在线二维码生成工具，在浏览器工具栏上显示，点击生成当前url的二维码，通过手机微信扫聊二维码浏览本地制作的页面，这样非常方便移动端页面的查看调试，由于效果需要不断查看修改后的效果，在手机微信浏览器右上角下拉菜单里有刷新选项... 阅读全文
Apr 17 2015
css部分：
.btonshare{ width:80%; height:50px; float:left; background:#16bb5c; margin:0 10%; margin-top:15px;text-align:center; color:#fff; line-height:50px; border-radius:10px;}
#cover{display:none;position:absolute;left:0;top:0;z-index:18888;background-color:#000000;opacity:0.7;}
#guide{display:none;position:absolute;right:18px;top:5px;z-index:19999;}
#guide ... 阅读全文
Apr 13 2015
一、为何选择jquery validate这个表单验证插件
自己写一个通用没有bug而且强大的jquery表单验证插件并不容易，jquery validate表单验证插件功能强大通用好用，jquery validate这个jquery插件几乎可以轻松应对95%以上的表单验证。
二、jquery validate表单验证如何调用？
1、引用jquery.min.js和jquery.validate.js
由于jquery.validate.js是jquery插件，需要依赖jquery支持，因此必须先引用... 阅读全文
Apr 11 2015
See the Pen doQwbv by cywcd (@webzsky) on CodePen.
屏幕的缩放及初始大小
添加到主屏幕全屏,图标等
苹果设备默认的工具栏和菜单栏
苹果设备状态栏样式
苹果设备自动识别电话、邮箱相关
屏幕的缩放及初始大小
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
vie... 阅读全文
作者：cywcd | 分类：
html5 | 阅读： 4,838 次 |
Apr 04 2015
inline|block|inline-block整体上的区别
1、在概念上说：inline和block完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满；inline-block为内联块元素，既可以不产生换行，还保留块元素宽高和边距的属性。
2、布局级别上说... 阅读全文
Apr 03 2015
haslayout
hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时，它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内容，而不是依赖于祖先元素来完成这些工作。
haslayout是... 阅读全文
作者：cywcd | 分类：
网页兼容性 | 阅读： 4,167 次 |
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~
最近做移动端页面，优化UI的时候发现，苹果手机浏览页面中设置的css伪类：active失效。查找资料发现要让css active伪类生效，只需要给这个元素的touchstart/touchend绑定一个空的匿名方法即可成功。 :active伪类常用于设定点击状态下或其他被激活状态下一个链接的样式。最常用于锚点<a href="#">这种情况，一般主流浏览器下也支持其他元素。在多按键的鼠标系统中，：active只适用于主...阅读全文4条评论
为了确保各个浏览器初始化时页面布局一致，需要使用css在重置以下页面标签: @charset "utf-8"; body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, th, td, pre, blockquote, fieldset, lengend, input, button, textarea, form{margin: 0; padding: 0;} body, input, button, textarea, select{font-size:12px; font-family: "Microsoft YaHei", Helvetica, Tahoma, Arial, sans...阅读全文