html

深入解析 float

0.前言float属性在css2中是一个热门的属性，被广泛应用于布局之中，同时由于不当使用float带来的问题也非常多，本文结合自己对float的理解以及实际项目中碰到float的相关问题，做一个详细总结，欢迎一起探讨，但未经同意禁止转载。以下是文章的目录float的特性float与absolute的区别float与inline-block清除浮动的方法及优缺点1. flo

业界 2016年07月23日

织梦本地调试好的网站怎么上传到服务器

1/ 织梦在本地调试好后，进入本地网站的后台：点击 “系统-----数据库备份/还原”，织梦本地调试好的网站怎么上传到服务器。 2/ 把本地程序根目录的install这个文件夹删除。重新拷贝一个没有安装过织梦程序里面的install文件夹放到本地程序根目录下。 3/ 把本地织梦程序上传到服务器解压后，运行http://你的域名/install/ 这时就可以开始安装

业界 2016年07月23日

一个纯CSS3实现的酷炫翻书效果

项目地址：https://github.com/BUPT-HJM/c...demo地址：https://bupt-hjm.github.io/cs...欢迎大家的star啦~效果细节其实项目中的关键在于几个属性，perspective和rotate,便是透视和旋转perspective属性指定了观察者与z=0平面的距离，使具有三维位置变换的元素产生透视效果。z>0的三维元素

业界 2016年07月25日

设计模式---状态模式在web前端中的应用

在vue.js之类的mvvm的框架大行其道的当下，开发中最常见的场景就是通过改变数据来展示页面或模块的不同状态，当我们把mvvm玩的不亦乐乎的时候，有时也会停下了想想：在某些项目中不能用vuejs之类的框架时，我们怎么通过改变数据来修改页面或者模块的状态呢。嗯。说到状态，就想到了状态模式状态模式:在很多情况下，一个对象的行为取决于一个或多个动态变化的状态属性，这样的对象叫做

产品 2016年07月26日

一个前端写的php博客系统--支持markdown哦

部署的地址我的博客地址起因最近买了个新的域名，同时在阿里云申请了免费的虚拟主机。。。借此机会就想搞个自己的博客站点，虽然之前也使用了hexo + github 、 WordPress 做过，但是我的阿里云虚拟主机实在是不知道怎么去搞hexo （也许根本就搞不起来，除非自己花钱买主机，哈哈）。。。WordPress总是感觉好笨重，运行起来一股的人到中年，气喘吁吁啊。。。百度之

业界 2016年07月26日

解决 css 浮动后父元素高度失效问题

应用场景子元素标签使用浮动后，会出现浮在父元素上层，脱离了。导致父元素没办法根据子元素的高度而变化，提供以下解决方案。解决代码把 ‘.clearfix ’ Class 样式添加到父元素即可。 .clearfix:after, .clearfix:before{content:" ";display:table;} .clearfix:after{clear:bo

业界 2016年07月26日

小白上学のWebpack零基础学习指导

前言：本套教程是零基础学打包工具webpack；后面会结合gulp+webpack搞定所有你得需求；闲谈：百度搜了一下，虽然教程多，但是杂乱无章，实用的没多少，都是匆匆了事，所以我就自己学了两天，现在从最底层教大家完成webpack的常用功能，后期我会再写一篇gulp+webpack的前端神器文章，但我也要学好了再给大家发^_^!nodejs安装：1.https://nod

业界 2016年07月26日

background-clip 和 background-origin

下面都是我自己的理解, 如果有不对的地方, 还请大家帮忙指出.下面是在 chrome 浏览器上测试的background-clip 和 background-origin先说说background-imagebackground-image 默认的起始位置是 padding 外边缘的左上角. 如下图所示:但是注意: 默认的结束位置却是 border 外边缘的右下角, 如下图

业界 2016年07月27日

谈谈关于CSS中transform属性之scale

谈谈关于scale属性scale是什么？根据W3C定义 ,scale主要是进行缩放和转化:scale能做什么？1.1px细线CSS代码.wrap{ position: relative;}.UI_scale1{ position: relative; width: 200px; height: 50px; border-bottom:1

业界 2016年07月27日

带你玩转css3的3D！

话不多说，先上demo酷炫css3走马灯/正方体动画： https://segmentfault.com/a/https://bupt-hjm.github.io/cs...github源码地址：https://segmentfault.com/a/https://github.com/BUPT-HJM/c...酷炫css3翻页动画： https://segmentfaul

业界 2016年07月27日