摘要：关于display：flex布局，有人了解颇深，我也是看着别人的东西学习的。 display：flex的布局是什么、基本概念之类的我根本就不了解，只会用。每次看到概念之类的东西，我都是扫一眼就过去。 第一个属性和用法：flex-direction 我了解的方法有4个：row（水平排列）、row-re 阅读全文

摘要：点击“隐藏”按钮，下方的图片隐藏，并且按钮上的文字由“隐藏”变为“显示”。再次点击，图片显示并且位子再次由“显示”变为“隐藏” 直接上代码： 点击查看效果图 效果截图： 分割线 在表单form中，我一开始用的是id属性，而不是name属性，却怎么也得不到结果，一开始我还纳闷，最后发现form表单是用 阅读全文

摘要：font-family属性很简单，直接写在css或style样式中即可。 如： font-family: "Microsoft YaHei"; 但是如果希望电脑能正确的显示我们设置的字体，必须电脑上已经安装了次此种字体，否则就没法正常显示。 我的解决方法有两种： 1、下载字体，然后引用(和引用Jav 阅读全文

摘要：我用2种方法写了底图与蒙版的过渡效果 方法一：用js方法 效果图：http://runjs.cn/detail/cqzb6bir 方法二：用css方法 效果图：http://runjs.cn/detail/yvc7rajt 我尝试用transition方法写display方法，好像是行不通。于是用o 阅读全文

摘要：直接设置样式为： outline：none 阅读全文

摘要：在js中可以直接调用 hover 方法。 当鼠标悬浮在底图上时，就会显示蒙版；反之，就会消失。 效果图： 1、悬浮： 2、未悬浮 阅读全文

摘要：这样很像是响应式的方法，小白一开始不懂，以为这样很牛掰，其实这只是一种浮动属性。 效果图： 小白一开始以为很复杂，其实就是浮动属性 阅读全文

摘要：有的文件、图片等信息可以上传到云端上，然后使用链接调用，这样会更加的方便和快捷。 阅读全文

摘要：1、直接获取文件中的内容： 2、动态添加input，并分别获得每个input中的file内容（此处不能用id获取内容） 阅读全文

摘要：HTML中Meta标签中http-equiv的用法： <meta http-equiv="这里是参数" content="这里是参数值"> 1、Expires：设置一个网页的到期时间。如果网页过了设置的时间期限，网页就会过期，必须重新上传 2、Pragma：无法用浏览器从本地缓存中调用次网页内容。同 阅读全文

摘要：普通的select形式为： 这样的select没有意义，只作为学习。 正常的使用select是需要获得options中选中的值： 代码为： 效果图为： 阅读全文

摘要：刚入行的码农小白努力的工作 自定义：视频播放/暂停图标的切换 、（自己截图的） 如此，就可以自定义视频开始/暂停的图标 阅读全文

摘要：使用代码修改视频的原始宽高比 阅读全文

摘要：CSS颜色渐变是使颜色之间的过渡更加平稳。 1、渐变的方式有两类： 线性（Liner Gradients）、圆形（Radial Gradients） 2、基本语法： 1 background: linear-gradient(渐变的方向,渐变的颜色1,渐变的颜色2,渐变的颜色3,...); 1 ba 阅读全文

摘要：图片的响应式排列(此处用四分图做例) 四分图的大体可分为： 类别一： 类别二： 最终响应式效果为： 此处用bootstrap框架 直接引用： 类别一 HTML代码部分为： 效果图： 和 类别二 HTML代码部分： 效果图： 和 全部代码： 阅读全文

摘要：方法一： 1、代码： 2、效果图： 方法二： 1、代码： 2、效果图： 方法三： 1、代码： 2、效果图： 方法四： 1、代码： 2、效果图： 阅读全文

摘要：文字浮在图片上方普遍使用的有2种方法 方法一：将图片设为div的背景 HTML代码： 效果图： 方法二：利用图层方法 HTML代码： 效果图： 代码中的css代码粗糙，未加修饰！ 阅读全文

摘要：1、当代码为： 图片会老实的待在div中。 2、当代码为： 图片会有在底部突出 代码中的约束条件没有，当约束条件充分的时候效果会更明显！ 阅读全文

摘要：1、px：像素，精确显示 2、em：继承父类字体的大小，相当于“倍”，如：浏览器默认字体大小为16px=1em，始终按照div继承来的字体大小显示，进场用于移动端 em换算工具：http://www.runoob.com/tags/ref-pxtoemconversion.html 3、rem：与e 阅读全文

摘要：父类div高度适应子类div 通常有许多div的高度由子类的高度决定父类的高度，所以需要父类div要适应子类div的高度，一般情况父类的高度可以直接设置成“auto”即可。 在有的情况下，子类div会撑破父类div. 所以需要走一些调整。通常有3种方法对高度进行调整： 方法一：直接设置父类高度（不过 阅读全文