第一次写博客，只是单纯的想把我自己的一些心得和使用过的css3的animation的一些方法记录和总结，方便下次使用，我写的这些都是刚入门适合做一些简单的动画动作，过于复杂的还有待发掘或者使用别的方法实现。 那么先简单说说animation的使用方法： animation的语法就是...

2018-06-27 09:07:35

一、BFC与IFC 1.1、BFC与IFC概要 BFC（Block Formatting Context）即块级格式化上下文， IFC（Inline Formatting Context）即行内格式化上下文。常规流（也称标准流、普通流）是一个文档在被显示时最常见的布局形态。一个框在常规流中必须属于一个格式化上下文，你可以...

2018-06-27 09:07:35

什么是雪碧图 雪碧图就是CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，就是把多张小图标合并到一张图片上，然后用css的background-position来显示需要显示的部分。 为什么要用雪碧图 可以 减少加载网页图片时对服务器的请求次数，提高页面的加载速度，解决I...

2018-06-27 09:07:05

1.安装xampp 说明：xampp集成了mysql，Apache，php，360软件里面就有 2.mysql端口被占用。 如果电脑上已安装MySql数据库，还想用XAMPP中自带的数据库就需要更改XAMPP中数据库的端口号，避免和已安装的数据库冲突。本例以更改为3307端口号为例说明。 2.1报错，mysql端口...

2018-06-27 09:07:04

写这篇博客的初衷其实是在解决浮动的时候看到的这个方法，就想着BFC是什么，为什么可以清除浮动。结果不看不知道，一看越看越不明白，潜下心来研究看看，总结一下学习心得。 1. BFC是什么 BFC就是Box Formatting Context的简称，直译为"块级格式化上下文"。 1.1 Box 是...

2018-06-27 09:06:49

通配符选择器 通配选择器的作用就是对页面上所有的元素都生效， 页面上的所有标签都会展示出通配符选择器设定的样式。 这样的弊端就是影响网页渲染的时间。所以不推荐直接使用通配符选择器 取代写法就是 把需要统一设置的元素放在一起，通过 [分组选择器] 一次性设置。...

2018-06-27 09:06:47

去掉或样式丢失的时候能让页面呈现清晰的结构： html本身是没有表现的，我们看到例如h1是粗体，字体大小2em，加粗；strong是加粗的，不要认为这是html的表现，这些其实html默认的css样式在起作用，所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML结构...

2018-06-27 09:06:43

高亮光弧效果 使用CSS3实现的一个高亮光弧效果，当鼠标hover到某一个元素上时，一道光弧从左向右闪过，效果如下： 代码如下： ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title light / title style body { margin : 0 ; } a.floor { display : block...

2018-06-27 09:06:37

前面已经说了调试服务器上的微信页面，放链接：http://www.cnblogs.com/Gabriel-Wei/p/5977850.html还有fiddler调试链接：http://www.cnblogs.com/Gabriel-Wei/p/5961404.html 今天说一下使用eclipse+fiddler+微信web开发者工具调试我们本地的微信页面。 1.我的是微信...

2018-06-27 09:06:40

对于一个从后台转到前端的web开发者来说，最大的麻烦就是写CSS，了解CSS的人都知道，它可以开发网页样式，但是没法用它编程，感觉耦合性相当的高，如果想要方便以后维护，只能逐句修改甚至重写相当一部分的CSS。随着后台人员大量的涌入前端这个行业，CSS又焕发了新的春...

2018-06-27 09:06:35