wpbfj-优快云博客

原创 JS实现图片轮播效果

看了教程后，又写了一个图片轮播页面。

2016-09-11 22:34:03 485

原创 JS+CSS做一个模拟发短信的页面！

最近在学习JS，刚试着做了一个模拟手机发短信的页面，发出来交流一下。写的过程中，还是发现CSS这块儿有问题的，并没有想象中的那么好！布局时候也是各种问题，不过好在最后都解决了，半路出家自学前端，只能跟自己说一声加油啦！ JS模拟发短信作业 *{ margin:0; padding:0; } #div1{ width:313px; heigh

2016-09-11 18:19:09 4249

转载深入浅出CSS3 background-clip,background-origin和border-image教程

已兼容IE！之前不能兼容IE，给您的阅读带来不便十分抱歉，Sorry一．这篇博客的初衷　最近在准备一个下学期参加比赛的概念网站，希望能用到CSS3的新特性，比如background的background-clip或background-origin或border-image。但仅仅是依靠w3schools上的文档和说明发现很多臆想中的效果都实现不了。于是尝试在百度中搜素，结果

2016-09-06 14:33:22 667

转载 30个你不可不知的CSS选择器

一、五大基本选择符1. *（通配符）*通配符选择器，经常用于css reset（样式重置），清理标签的默认样式，但现在一般不提倡直接使用*了，主要是*会匹配所有标签，相当耗资源。*在css的优先级中是最低的。* {margin: 0; padding: 0;} 也可以用*来匹配某一元素下的所有子元素：#container * {border: 1px solid bla

2016-03-27 13:15:25 285

转载 Web 开发中很实用的10个效果【附源码下载】

在工作中，我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多，但是一时半会又想不起来在哪，所以养成知识整理的习惯是很有必要的。这篇文章给大家推荐10个在 Web 开发中很有用的效果，记得收藏！超炫的页面切换动画效果　　今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画，可以被应用到页面切换过程中，创造出很有趣的导航效果。源码下载

2016-03-22 19:14:49 553

原创 CSS中四分之一圆的写法

关于百度前端学院中task4四分之一圆的画法（基于CSS中画圆角的方法）方法一：设置宽高为100px，border-radius设置为50%（当然这里也可以设置为50px）width:100px;height:100px;border-radius:50%;因为使用的半径为边长的一半，故四个圆角的圆心重合在正方形对角线的交点处。因此做出来的是一个整圆，如要要显示为四分之圆，可

2016-03-19 10:38:31 14452

转载我熟知的三种三栏网页宽度自适应布局方法

by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=370一、前言在如今各个分辨率显示器N足鼎立的时期，页面采用流动性布局（亦可称自适应布局）不失为一个好选择。当然，具体实现不是那么容易，需要一定的css功力和实践经验。本文不讲细节，只讲外部的自适应架构，这也

2016-03-15 12:42:05 491

原创关于三栏布局中浮动布局div块的先后顺序

常用的三栏布局中，用的较多的浮动布局，会因为div块的先后顺序而产生不同的效果。这种情况下，一般左右两栏div需要在中间栏之前。这样，才能让左右两个边栏浮动到它们应该的位置上，以此来使得中栏能够进入中间的空间，并自适应布局。若是浏览器在一个或者两个边栏div之前发现中栏，那么中栏会先占据一侧或者两侧位置，这样浮动的部分就会跑到中栏的下面。如下：上理前端分队

2016-03-15 12:10:37 1639

转载 css3中webkit-box的用法

webkit-box1、之前要实现横列的web布局，通常就是float或者display：inline-block; 但是都不能做到真正的流体布局。至少width要自己去算百分比。2.flexible box 就可以实现真正意义上的流体布局。只要给出相应属性，浏览器会帮我们做额外的计算。提供的关于盒模型的几个属性：box-orient 子元素

2016-03-14 12:37:36 469

原创初学Git的一些心得体会

最近开始学习前端，先编写了一个九宫格的页面，并且配置了Nginx。但是，版本控制以及代码管理做的不完善，所以开始学习Git的使用。现在就学习过程中遇到的一些问题及解决办法记录如下：首先，我是在windows中安装的Git，具体安装教程，大家可以自己查找。其中，安装完客户端之后，需要进行最后一步配置：$ git config --global user.name "name"$ git

2016-03-12 20:25:40 418

转载 Nginx 出现403 forbidden错误的设置方法！

nginx 的 403 Forbidden errors 表示你在请求一个资源文件但是nginx不允许你查看。403 Forbidden 只是一个HTTP状态码，像404,200一样不是技术上的错误。哪些场景需要返回403状态码的场景？1.网站禁止特定的用户访问所有内容，例：网站屏蔽某个ip访问。2.访问禁止目录浏览的目录，例：设置autoindex off后访问目录。

2016-03-12 11:13:56 732

wpbfj的博客