2017年06月_Bright2017

原创 Css精灵图合成工具---CssSprite

拿去不谢：链接：https://pan.baidu.com/s/1ZljaNAe0Kq3PM7qNPqgdYw提取码：tzfq

2017-06-24 19:52:47 5619 5

原创支持滚动截屏的工具

和大家分享一个工具：picpick 支持滚动截屏，但是有个前提，就是必须在IE浏览器下，在其他浏览器下只会滚动一下。地址：http://dl.pconline.com.cn/html_2/1/113/id=48820&pn=0.html

2017-06-24 18:07:53 2881

原创去除select边框和三角-----appearance:none

隐藏select边框

2017-06-24 16:10:24 3883

原创 option的添加删除与选中

option的添加删除与选中 #demo{ width: 50%; margin: 20px auto; height: 520px; border: 1px solid red; border-radius: 4px; overflow: auto; } .demo-top{ width: 60%; marg

2017-06-23 05:57:07 1809

原创谷歌浏览器开发者工具的作用

就是下面这一行常用工具：1.Elements:这个大家经常用，肯定很熟悉了。元素面板，用来操作DOM和样式，可以直接在上面进行编辑。2.Console: 控制台，可以在代码中通过console.log(data)来打印出数据，也可以直接在控制台输入javascript进行操作，直接获取元素。3. Sources: 这里是页面的源代码，最常用的功能就是进行断点调试，顾名思义就

2017-06-23 04:22:20 5567

原创 xmlns属性

今天在看网上其他的项目，发现有一行代码我不明白意思：百度之后，才知道，这是一个属性。在 XHTML 中，xmlns 属性是必需的。在 HTML 中，xmlns 属性是无效的。xmlns 属性规定文档的 xml 命名空间。然而，如果在 XHTML 文档中未使用 xmlns， http://w3.org 的 HTML 验证器也能正确识别文档。这是因为命名空间 "xmln

2017-06-19 15:09:00 2597

转载 Zoom:1 是什么鬼？有什么作用？

zoom:1的作用

2017-06-17 12:35:52 4346

原创前端神器-----CodePen

codepen

2017-06-14 12:03:48 8722 2

原创 return,return true,return false三个的作用。

return false和return true 和return的作用。

2017-06-13 14:08:04 9123

原创二维码生成工具，扫描二维码查看页面

扫描二维码进入页面

2017-06-12 13:39:18 1165

原创我对flex弹性布局的认识

我对flex布局的理解

2017-06-09 16:48:48 3343 5

原创垂直居中

页面当中经常会用到垂直居中的这种布局，不知道大家是怎么做的。和大家分享一下用flex弹性布局里垂直居中的方式。效果图：下面是代码，不明白可以看看，需要注意的是，我在刚学习的时候，总是忘了给html和body高度100%，所以一直没有效果。<!DOCTYPE html><html> <head> <meta chars...

2017-06-09 16:25:40 313

原创 Css3属性box-sizing

今天和大家分享一个Css3的属性：box-sizing属性。语法：box-sizing: content-box | border-box | inherit ;值：1. content-box 我的理解是，设置的宽度不包含内边距，边框，外边距。2. border-box 我的理解是，设置的宽度包含内边距，边框，外边距。3. inherit

2017-06-09 13:47:20 444

原创常用的代码压缩工具

1.https://tool.lu/css/ 压缩Css比较方便2. http://tool.oschina.net/jscompress?type=2 Html,Css,Js都可以压缩。3.http://tool.chinaz.com/Tools/CssFormat.aspx 站长工具，这个就不介绍了，常用。

2017-06-09 13:32:07 3444

原创 Css3阴影

为元素添加阴影通过：box-shadow 属性语法：box-shadow:h-shadow v-shadow blur spread color inset;解释：h-shadow：必须写，这是水平阴影的位置，可以是负数。v-shadow：必须写，这是垂直阴影的位置，可以是负数。blur：可选值，这是模糊的距离，不明白一会可以修改下面示例的参数。spread：可选值，阴

2017-06-08 14:30:33 521

原创 Css3由远到近属性练习

Css3的属性是很强大的，我比较喜欢这个效果，看起来很棒。由远到近的一个缩放效果。就像上图展示的一样，刚开始没有，然后慢慢出现，变大。废话就这么多，下面是代码，例子比较多简单，不要见怪。 Css3由远到近属性练习 .Admin{ position: relative; } .demo { animation: mo

2017-06-08 11:21:53 3523

原创编辑器中点击上传图片选择框反应速度很慢的解决办法。

先解释下标题的意思：就是点击上图中的上传图片之后，出现这个文件选择框的反应时间太长，IE和火狐浏览器还正常点。谷歌和360等浏览器一般要8秒左右才能打开，用户体验太差了。这里我们要解决这个问题首先就得知道简单的文件上传的代码：这句代码里面我们需要注意的是：accept="image/*" 这个属性的意思就是过滤掉所有非图片的文件。所以打开的时候需要

2017-06-05 16:29:16 2434

原创查看网页原代码时遇到中文汉字乱码

有时候需要看一下别人的页面源代码，看看别人的思路。可是很多中文都乱码了，比如这样：要解决很简单，只需要改变编码格式即可，以360浏览器举例：当前乱码的页面右键，修改编码格式即可。目前乱码的时候是GBK改为UTF-8就可以了。

2017-06-02 09:50:16 11265

Bright2017的博客