不用ps,只需要以下几步，便能够快速修改网页上的文字，以火狐为例1：打开火狐，按下f12键 2：点击右侧源码之中的箭头，鼠标所到之处，左侧的页面元素就会和右侧代码对应起来  3：点击百度，修改百度文字为我的姓名：  4：双击右侧的源码中的百度两字，使它处于一个可编辑的状...

 Overview:构造基本的HTML页面动态加载样式表Viewport字体缩放侧边栏导航菜单图片自适应其他总结 说到响应式网页设计(Responsivewebdesign)，最近在谷歌加上碰到个奇葩贴子，通过一个原始到无法再简单的网页MotherfuckingWebsite及满屏幕的fuck道出了...

 css样式：@charset"utf-8";body,html{font-family:"微软雅黑";font-size:100px;font-size:calc(100vw/7.2);//根据设计稿设置自己的宽度，对应比例/*设计稿为720px宽度*/}在网页的头部书写以下内容：<metaname=...

iPhoneX取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部fixed定位的元素）。笔者通过查阅了一些官方文档，以及结合实际项目中的一些处理经...

IPhoneX全面屏是十分科技化的，但是由于其圆角和摄像头刘海位置以及操控黑条的存在使得我们需要去对其样式做一些适配，没有X的同学可以开启 Xcode9 的iPhoneX模拟器作为学习和调试。设计和尺寸相关IPone型号屏幕尺寸屏幕密度开发尺寸像素密度倍图4系列3.5英寸326ppi320*480p...

当我们打开一个网页的时候，浏览器会首先创建一个窗口，这个窗口就是我所知道的window对象，也就是整个Javascript运行所依附的全局变量。为了加载网页文档，当前窗口又需要创建一个Document对象，然后把打开的网页加载到Document下。网页就是在这个加载的过程中，一边加载一边呈现，所以我们当网速非常慢的时候...

网页使用的字体需要受制于操作系统，如果用户的操作系统没有安装某个字体，网页则会退而求其次的使用系统自带的字体。因此我们并不能随便使用一些好看的字体，只能选用一些安全字体。比如：Helvetica，Arial，宋体，微软雅黑，如果能在网页上使用好看的字体就好了~可是引入字体对于英文来说，是合适的，因为字体文件本身不大。但...

TML5如何在移动网页端调用手机图片或者camera可以参考这篇文章：　　如果你开始基于iOS系统(ios6above)的web应用，可以考虑这段代码：　　　　点击按钮，会调用你的摄像头相册附源码文件：<inputtype="file"capture="camera"accept="image/*"id="cam...

我们一直很重视网站性能优化，在人才培养和招聘的时候也都非常重视，但性能优化到底为什么这么重要？对电商网站来说，性能优化对转化率的影响是实实在在的，也是非常有说服力的，这是国外同行webperformancetoday的研究成果，简单翻译一下分享给大家。当然，网站性能优化带来的好处不止转化率这一点，对基础用户体验、运营成...

微信分享通用组件，用于微信浏览器内浏览网页的分享信息定义。一、可定义的信息1、分享时显示的LOGO；2、分享LOGO的宽度；3、分享LOGO的高度；4、分享出去显示的标题（默认调用网页标题）；5、分享出去显示的描述（默认调用网页标题）；6、分享链接(默认为当前页面的URL)。7、分享微信的APPID(一般为空)。二、使...

tap后会出现一个半透明的灰色背景，（被批...），起初以为是outline作怪，加上后发现没反应，最后发现是tap后的背景高亮，要重设这个表现，则需要设置-webkit-tap-highlight-color为所需色彩，直接透明吧：a,img,button,input,textarea{-webkit-tap-hig...

以前做项目的时候就依葫芦画瓢的设置{font-family:arial,”microsoftyahei”,simsun,sans-self;}等类似的字体，然而当更多的设备和系统出现后，以前这样的设置已不能满足网页在各设备上的显示需求。就拿最简单的宋体(simsun)来说吧，在Windows系统...

<spanstyle="font-size:18px;"><script>functionstartAPP(){window.location="schemename://**.**/**";}functiondownloadAPP(){window.location="http://IP/**...

目录：一、项目地址二、布局1、按屏滚动会碰到什么问题？2、flexbox会碰到什么问题？3、fixed定位需要慎用。三、动画1、CSS动画与Canvas动画性能优劣分析2、当缩放动画碰上硬件加速3、动画由Javascript来维护还是css维护的思考四、特性1、如何解决音频播放预加载与延时的问题2、重力感应3、启动原生...

一、硬件背景二、项目欣赏1、TGA移动游戏官网2、UP+邀请函3、天天酷跑里约进击版三、技术创意点1、CSS3动画2、Sprite动画3、重力感应+视差4、字体图标5、自适应SVG图形6、Loading进度条7、单屏滑动8、游戏9、地理定位10、音频使用11、手机重度新官网一、硬件背景（重要！）  ...