Welcome 微信登录

首页 / 脚本样式 / CSS

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

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

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

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

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

《CSS3实战》笔记--渐变设计(一)

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

《CSS3实战》笔记--渐变设计(三)

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

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

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

html5手机触屏touch事件介绍

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

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

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