Welcome

首页 / 脚本样式 / CSS

手机屏幕尺寸测试——手机的实际显示页面的宽度

2016-07-27 39
手机站开发遇到一些问题，设计页面使用多大的尺寸？为此做了一些研究，除IPhone特殊一些外，目前市面上的安卓系统的实际显示页面的宽度，都是360px。手机型号竖屏宽度IPhone 5320pxIPhone 6375pxIPhone 6 Plus414pxNexus 4384pxAndroid（大多数）360px前两年，安卓的分辨率多数还是240px 或 320px，现在是360px，为了向下兼容，向上也兼容，最终将 360px 定为设计的尺寸，后期可以使用...

CSS 使用Sprites技术实现圆角效果

2016-07-27 32
首先来简单说一下什么是Sprites，Sprites是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。第一步：创建我们的 Sprite用PS等工具合成如图所示的图片（以一个像素的红线来区分）第二步：编写HTML代码首先，我们会给容器 di...

《CSS3实战》笔记--渐变设计（一）

2016-07-27 29
基于CSS的渐变与图片渐变相比，最大的优点是便于修改，同时支持无级缩放，过渡更加自然。目前，实现CSS渐变的只有基于Webkit和Gecko引擎的浏览器，基于Presto引擎的Opera浏览器暂时不支持渐变，基于Trident的IE虽然可以通过滤镜的方式实现，但并不提倡。Webkit引擎（Safari 4及以上版本）的CSS渐变设计基本语法：-webkit-gradient（<type>,<point>[,<radius>...

《CSS3实战》笔记--渐变设计（二）

2016-07-27 37
Gecko引擎的CSS渐变设计直线渐变基本语法-moz-linear-gradient（[<point> || <angle>,]?<stop>,<stop>[,<stop>]*）参数说明：<point>:定义渐变起始点，取值包含数值，百分比，也可以使用关键字，其中left，center 和 right 关键字定义 x 轴坐标，top，center 和 bottom 关键字定义...

《CSS3实战》笔记--渐变设计（三）

2016-07-27 38
IE浏览器引擎的CSS渐变实现方法IE并不支持CSS渐变，但是提供了渐变滤镜，可以用来实现简单的渐变效果。基本语法该参数的参数说明如下：enabled:设置或检索滤镜是否激活。可选布尔值，包括 true 和 false，默认值为 true ，表示激活状态。startColor ：设置或检索色彩渐变的开始颜色和透明度。可选项，其格式为#AARRGGBB。AA，RR，GG，BB为十六进制正整数，取值范围为00~FF。RR指定红色值，GG指定绿色值，BB指定蓝色...

CSS3实现动态翻牌效果 仿百度贴吧3D翻牌一次动画特效

2016-07-27 33
今天分享一个CSS3制作的翻牌效果，效果如下图所示，所过把把这个效果应用于相册肯定会很炫的。呵呵，超酷啊。一、HTML代码： 因为是CSS3实现，所以大家可以看到没有任何的JS代码。ul为一组图片，每个li中有个a（因为我们希望点击图片可以跳转）,a中包含两个div，一个是正常显示时的（即显示图片），一个是图片旋转后显示的（即介绍）。<！doctype html><html><head><meta charset...

html5手机触屏touch事件介绍

2016-07-27 38
HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart：触摸开始的时候触发touchmove：手指在屏幕上滑动的时候触发touchend：触摸结束的时候触发而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（用来实现多点触控）：touches：当前位于屏幕上的...

HTML5实战与剖析之触摸事件（touchstart、touchmove和touchend）

2016-07-27 84
HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。 一开始触摸事件touchstart、touchmove和touchend是iOs版Safari浏览器为了向开发人员传达一些信息新添加的事件。因为iOs设备既没有鼠标也没有键盘，所以在...

学习小实例--滚动条的简单实现

2016-07-27 32
效果：代码：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" c...

cookie解决微信不能存储localStorage的问题

2016-07-27 34
在开发基于微信的Web页面时，发现有些机型不能存储信息到localStorage中，或者是页面一旦关闭，存储的信息也失效了。用cookie来替代localStorage，存储一些简单的数据。上网查找了一下，发现w3school上已有不错的解决方案。设置cookie:function setCookie（c_name,value,expiredays）{var exdate=new Date（）exdate.setDate（exdate.getDate（）+...
<< 81 82 83 84 85 86 87 88 89 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图