2016年08月_Mary201572

转载网站任何显示器全屏显示

网站任何显示器全屏显示首先可以在网站中放一个img 然后把它绝对定位,然后没10毫秒改变一下这个图片的大小就可以了，这样这张图片就可以在任何显示器上全屏显示。建设中JavaScript" src="js/jQuery-1.7.1.min.js">html{ height:100%;}body{font-s

2016-08-28 21:18:33 574

转载 50个提高PHP编程效率的方法(整理)

50个提高PHP编程效率的方法(整理)0、用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，单引号则不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的“函数”(译注：PHP手册中说echo是语言结构，不是真正的函数，故把函数加上了双引号)。1、如果能将类的方法定义成static，就尽量定义成static，它的

2016-08-28 21:16:47 889

转载 linux文件交集差集

linux文件交集差集目录(?)[+]comm命令：comm file1 file2在没有指定可选参数，默认会输出三列: 只在file1中的数据，只在file2中的数据以及file1和file2的交集。也可以指定如下参数：[plain] view plain copy

2016-08-28 21:14:12 456

转载 HTML5实现动画三种方式

HTML5实现动画三种方式A-A+前端博客•2016-01-06•前端开发•canvas | CSS3 | HTML5 | jQuery•1748View0文章目录1.canvas2.css33.JQuery与CSS3编者注：作者以一个运动的小车为例子，讲述了三种实现HTML5动画的方式，思路清晰，动画不仅仅是canvas，还有c

2016-08-21 20:22:17 4014

转载 CSS颜色混合模式

CSS颜色混合模式注意：只有使用最新版的谷歌浏览器、火狐浏览器，才能正确的显示本文中的演示。Photoshop里最没有用处的一种功能——但也有人说是使其超出竞争对手的一种功能——就是混合模式(blend mode)。混合模式是指两个像素点叠落到一起，用不同的方法混合它们的颜色。比如，darken颜色混合模式，就是选择两个像素中颜色更深的一个输出。当

2016-08-21 20:16:22 969

转载伪元素::after和::before

伪元素::after和::before::after是一个CSS伪元素，使用::after，你可以从CSS里往页面上新增内容(不再要在HTML里有相应的东西)。虽然最终生成的东西并不是真正的DOM里的内容，但这些内容能像普通内容一样显示，基本的效果是这样的:CSS代码div::after { content: "你好";}HTML代码div> 你

2016-08-21 20:12:54 313

转载 Bootstrap CSS3媒体查询断点

Bootstrap CSS3媒体查询断点文章目录简介媒体查询栅格参数实例：从堆叠到水平排列实例：流式布局容器实例：移动设备和桌面屏幕实例：手机、平板、桌面实例：多余的列（column）将另起一行排列响应式列重置列偏移嵌套列列排序Less mixin 和变量变量mixin实例展示

2016-08-14 12:54:48 2764

转载纯CSS3多列的瀑布流布局演示

纯CSS3多列的瀑布流布局演示网上的瀑布流布局大部分都是通过JS来求定位，但现在css3也可以做到了，你不需要使用一点js，就可以做出一个反应快速的CSS3瀑布流布局。html代码：1 convallis timestamp2 Donec a fermentum nisi.3 Nullam eget lectus augue.

2016-08-14 12:52:29 1325

转载 CSS3制作圆环进度动画效果

CSS3制作圆环进度动画效果.circleprogress{ width: 160px; height: 160px; border:20px solid red; border-radius: 50%;}然后就会说，这很简单嘛。但是如果不是完整圆形的呢？想了想：.circleprogress{ width: 160

2016-08-14 12:48:29 1472

转载 20个很有用的CSS技巧

20个很有用的CSS技巧文章目录1. 黑白图像2. 使用 :not() 在菜单上应用/取消应用边框3. 页面顶部阴影4. 给 body 添加行高5. 所有一切都垂直居中6. 逗号分隔的列表7. 使用负的 nth-child 选择项目8. 对图标使用 SVG9. 优化显示文本10. 对

2016-08-14 12:46:03 360

转载 CSS粘住底部的5种方法

CSS粘住底部的5种方法文章目录方法一：全局增加一个负值下边距等于底部高度方法二：底部元素增加负值上边距方法三：使用calc()计算内容的高度方法四：使用flexbox方法五：使用grid布局原文地址：https://css-tricks.com/couple-takes-sticky-footer/译文地址：http

2016-08-14 12:43:58 926

转载 Css3 弹性盒模型

Css3 弹性盒模型使用该模型，可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子使用以下的HTML代码:view sourceprint?1.2. 13. 24. 35.传统的盒模型基于HTML流在垂直方向上排列盒子。使用弹性盒模型可以规定特定的顺序，也可以反转之。要开启弹性盒模型，只需设置拥

2016-08-05 10:26:11 366

转载 CSS3:文字阴影知多少_WEB标准

CSS3:文字阴影知多少_WEB标准text-shadow是什么?text-shadow早在CSS2中已经存在,而此刻CSS3也筹备将他插手其中.而且因为一向以来只有Safari撑持这个属性所以我们很少见到真正的应用,直到比来Firefox 3.5对它的撑持然年夜头唤起了人们对它的乐趣.text-shadow可以撑持给文字加上暗影,这样我们在设计时可以操作css3属性增

2016-08-05 10:19:47 420

转载 frontopen模板移动设备浏览适配正式上线

frontopen模板移动设备浏览适配正式上线frontopen模板移动设备浏览适配正式上线最近一段时间，终于有时间闲下来为博客调整一下界面了。博主平时在空闲的时间喜欢用手机浏览网站，可每当浏览前端开拓者的时候都会为那蛋疼的页面布局郁闷不已。正好遇到这几天有空，特地将frontopen模板做了三个分辨率的适应调整。本次的三个分辨率适配

2016-08-05 10:18:20 417

转载被解放的GPU与CSS3中对GPU的应用分析

被解放的GPU与CSS3中对GPU的应用分析概念图形处理器（ Graphics Processing Unit ）专门用来处理在个人电脑、工作站或游戏机上图像运算工作显卡的“心脏”90%以上的新型台式电脑和笔记本型电脑拥有集成图形处理器，但是在性能上往往低于那些独立显卡。按照类型来分，可以分为独立显卡GPU和集成绘图GPU。独立显卡GPU性能最高

2016-08-05 10:15:32 491

转载 @media screen针对不同移动设备-响应式设计

@media screen针对不同移动设备-响应式设计概念：device-pixel-ratio：定义输入设备屏幕的可视宽度与可见高度比率。device-width：输入设备屏幕的可视宽度。orientation ：屏幕横竖屏定向。landscape 是横向，portrait 是纵向【ipad 相反】 /* iPhone 4 ———– */@me

2016-08-05 10:13:18 601

Mary201572的博客