自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

转载 移动端 h5开发相关内容总结——CSS篇

移动端 h5开发相关内容总结——CSS篇 标签: css移动 2016-01-06 15:59 990人阅读 评论(2) 收藏 举报  分类: HTML+CSS(11)  版权声明:本文为博主原创文章,未经博主允许不得转载。 目录(?)[+] 1.移动端开发视窗口的添加 h5端开发下面这段话是必须配置的 me

2016-01-29 17:20:49 799

转载 实现背景透明,文字不透明,兼容所有浏览器

背景透明,文字不透明 *{     padding: 0;     margin: 0; } body{   padding: 50px;   background: url(img/bg.png) 0 0 repeat; } .demo{   padding: 25px;   background-color: rgba(0,0,0,0.5);/* IE

2015-07-20 17:23:49 547

转载 CSS3属性transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)

在CSS3中,可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理,本文将对此做详细介绍。 一.旋转 rotate 用法:transform: rotate(45deg); 共一个参数“角度”,单位deg为度的意思,正数为顺时针旋转,负数为逆时针旋转,上述代码作用是顺时针旋转45度。 二.缩放 scale 用法:transform

2015-07-17 16:24:37 876

转载 移动web开发经验总结

1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。 备注:transparent的属性值在android下无效。 2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。 3、-webkit-transform:translate3d(0, 0, 0

2015-07-17 16:14:44 676

转载 CSS3 改变空格作用 -webkit-nbsp-mode 去掉点击框 -webkit-tap-highlight-color

-webkit-nbsp-mode 换行有时是很棘手的事情:有时你希望文字在适当的地方断行(而不是折行),有时你又不想这样。一个能控制这个的属性就是-webkit-nbsp-mode,它让你可以改变 空白符的行为,强制文字在它被用到的地方断行。通过设置值为space即可实现。 -webkit-tap-highlight-color 这个属性只用于iOS (iPh

2015-07-17 15:37:19 875

转载 纯CSS设置Checkbox复选框控件的样式

技术随笔 纯CSS设置Checkbox复选框控件的样式 Checkbox复选框是一个可能每一个网站都在使用的HTML元素,但大多数人并不给它们设置样式,所以在绝大多数网站它们看起来是一样的。为什么不把你的网站中的Checkbox设置一个与众不同的样式,甚至可以让它看起来一点也不像复选框。 在本教程中,我们将创建5个不同的选择框,你可以在你的网站上使用它。 查

2015-07-14 14:56:01 999

转载 JS事件:target与currentTarget区别

target在事件流的目标阶段;currentTarget在事件流的捕获,目标及冒泡阶段。只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级)。

2015-06-10 10:57:14 550

转载 jQuery中event.preventDefault() 与 return false 的区别

//Demo1 event.preventDefault()     $('a').click(function (e) {         // custom handling here         e.preventDefault();     });     //Demo2 return false     $('a').click(function () {

2015-06-08 10:05:46 538 1

原创 -moz、-ms、-webkit、-o各是什么意思

-moz:代表firefox浏览器私有属性 -ms:代表IE浏览器私有属性 -webkit:代表chrome、safari私有属性 -o:代表opera私有属性

2015-06-08 08:39:20 1020

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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