一个像素里复杂纷扰的世界 文 | 啃先生 Mar.3rd.2016 首发于微信公众号（啃先生） 上一篇发了《【移动适配】移动Web怎么做屏幕适配》，现在继续。 壹 | Fisrt 在CSS的世界里Px是原子操作，我们无法定义边框的宽度是0.5px，最小都是1px。所以有以下结论： 然而，对于精益求精 ...
分类：
移动开发 时间：
2020-05-25 17:42:59
阅读次数：
86
业务 使用oss更能，前端直接上传，可以显示上传进度 首先需要配置oss， 文档中给出了事例 登录OSS管理控制台。 单击Bucket列表，之后单击目标Bucket名称。 单击权限管理 > 跨域设置，在跨域设置区域单击设置。 单击创建规则，配置如下图所示。 解压事例之后，可以在demo体验，采用了P ...
分类：
其他好文 时间：
2020-05-25 15:40:32
阅读次数：
69
CSS font-feature-settings IEBlog 由于提供了对 CSS3 @font-face 规则和 WOFF 字体封装格式的跨浏览器支持，现代的 Web 版式已远远超出了“Web 安全字体”所定义的范畴，像 New Yorker 这样的知名杂志就使用了 Web 字体来彰显标题版式 ...
分类：
移动开发 时间：
2020-05-25 13:58:58
阅读次数：
89
css3 svg爱心点赞酷炫动画特效https://www.mk2048.com/demo/demo_target_desc.php?id=ha1jkaahaacss3基于svg制作爱心按钮点赞，爱心散开旋转动画特效css3原子结构图动画特效点击》css3原子结构图动画特效css3基于transfo ...
分类：
其他好文 时间：
2020-05-25 12:19:26
阅读次数：
81
老孟导读：今天分享一个类似“孔雀开屏”的动画效果，打开新的页面时，新的页面从屏幕右上角以圆形逐渐打开到全屏。 先来看下具体的效果 不知道这种效果大家叫什么名字？如果有更合适的名字可以在评论处告诉我，下面来说下如何实现此效果。 在使用Navigator进入一个新的页面时，通常用法如下： 就包含了切换页 ...
分类：
其他好文 时间：
2020-05-24 20:42:24
阅读次数：
55
CSS选择器用于选择你想要的元素的样式的模式。 "CSS"列表示在CSS版本的属性定义（CSS1，CSS2，或对CSS3）。 选择器示例示例说明CSS .class .intro 选择所有class="intro"的元素 1 #id #firstname 选择所有id="firstname"的元素 ...
分类：
编程语言 时间：
2020-05-24 13:49:19
阅读次数：
70
1、HTML5 html5是最新版本的HTML，是在原来的html4的基础上增强了一些标签 优点：html5增加了像画板、声音、视频、web存储等高级功能 缺点：太强调语义，导致开发中不知道要选择哪一个标签 在做页面布局的时候，无论是头部、主题、导航等模块都是使用div来表示，但是html5的规范， ...
分类：
Web程序 时间：
2020-05-23 21:53:36
阅读次数：
80
通过css3我们可以创建动画，它能取代gif图片、Flash、Js动画等,css3的animation动画是应用在html的DOM元素上的，通过样式来实现的。 @keyframes 规则 @Keyframes我们可以把他理解为“关键帧”，它的规则是：创建由当前样式逐渐改为新样式的动画效果。对于一个" ...
分类：
Web程序 时间：
2020-05-23 20:17:12
阅读次数：
69
CSS3 @font-face 规则 使用以前 CSS 的版本，网页设计师不得不使用用户计算机上已经安装的字体。 使用 CSS3，网页设计师可以使用他/她喜欢的任何字体。 当你发现您要使用的字体文件时，只需简单的将字体文件包含在网站中，它会自动下载给需要的用户。 您所选择的字体在新的 CSS3 版本 ...
分类：
Web程序 时间：
2020-05-23 19:58:10
阅读次数：
54
先上效果图吧 点击'roll'按钮，会出现旋转的动画 代码如下 <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="JS/jquery-1.12.2.min.js"></script> < ...
分类：
Web程序 时间：
2020-05-23 13:20:00
阅读次数：
53
