实例 居中对齐弹性盒的各项 div 元素： div { display : flex ; align - items : center ; } 复制 效果预览 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个版本。 属性 align-items...

2018-06-24 00:53:52

对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1）选取一款手机的屏幕宽高作为基准(比如 iphone6的375×667)。 2）对于高清屏幕，为了达到高清效果，视觉稿的画布大小会是基准的2倍（对iphone6而言：原先的375×667，就会变成750×13...

2018-06-24 00:53:43

prismjs 是一款轻量、可扩展的代码语法高亮库，使用现代化的 Web 标准构建，使用 Prismjs 可以快速为网站添加代码高亮功能，支持超过113中编程语言，还支持多种插件，是简洁、高效的代码高亮解决方案。科技爱好者博客就是使用了Prism.js 实现漂亮的代码语法高亮功能，...

2018-06-24 00:53:38

http标签详解 声明 1:这里的文字都是我从我自己csdn账号拷贝过来，是本人学习总结的结晶，所以请尊重本作品。2：如要要转载本文章，则要说明文字的出处。3：如有哪里不对欢迎指出。 在上一篇文章中主要讲了，http的一些基础标签，比方说链接标签，图片标签，html框架等...

2018-06-24 00:53:40

http标签详解及讲解 1.基础标签 1 ! DOCTYPE html !-- 表示文本类型 -- 2 html !-- html/html表示创建一个html文档 -- 3 head !-- head/head设置文档标题和其它在网页中不显示的信息 -- 4 title 标题 / title !-- title/title设置文档的标题，就是最上方的名字 -- 5 /...

2018-06-24 00:53:33

18章.CSS3概述 1.从前端技术的角度把互联网的发展分为三个阶段： （1）web1.0:HTML和CSS。 （2）web2.0：Ajax，Javascript/DOM/异步数据请求。 （3）web3.0：HTML5和CSS3。 2.CSS3采用分工合作的模块化结构 ，它有各种模块来定义相关的样式和功能，这样的做的原因是避...

2018-06-24 00:53:34

1.如果图片加a标签在IE9-中会有边框 解决方案: img{border:none;} 2.rgba不支持IE8 解决方案:可以用 opacity eg: opacity:0.7; /* FF chrome safari opera */ filter:alpha(opacity:70); /* 用了ie滤镜,可以兼容ie */ 但是,需要注意的是,opacity会影响里面元素的透明度...

2018-06-24 00:53:31

记录下笔记，大神勿喷，可以留下优化建议，谢谢 最近刚刚做了个展示型的网站，使用swiper搭的框架，因为图片比较多，所 以首次加载稍微有些慢，虽然压缩过了，但是尽可能的优化吧，刚开始找了个懒加载的一个插件，但没想到怎么跟swiper结合使用，就自己写了个方法，但...

2018-06-24 00:53:30

以前制作网页动画一般使用javascript，现在已经有越来越多动动画使用纯CSS实现，并且动画的控制也可以使用CSS3实现，因为CSS 3来了，CSS 3的动画功能确实强大。以下是一个纯CSS3制作的风车旋转动画，而且也用CSS 3控制速度。 体验效果： http://hovertree.com/texiao/c...

2018-06-24 00:53:24

在练习中，我们常常遇到一种问题就是，怎么实现页面N秒之后自动跳转呢？ 我自己遇到问题和查找资料，总结了3个方法 方法1： 最简单的一种：直接在前面head里面添加代码： span style ="font-size:18px;" / span span style ="font-size:24px;" meta http-equiv ="refre...

2018-06-24 00:53:22