摘要： 盒模型的二次理解。1. 定义所谓盒模型，就是浏览器为页面中的每个HTML元素生成的矩形盒子。1.1排布这些盒子们都要按照可见版式模型在页面上排布，版式模型由position,display,float这三个属性来控制，position属性控制页面上元素间的位置关系，用于定位；display属性控制元... 阅读全文

摘要： 细数工作三个月来踩过的坑。。。在做移动端页面时，遇到让两个元素（比如简单到两个单词）平分页面的宽度的情况， 不要使用给他们加a ,span 标签，然后让a,span宽度50%的方法。这种方法做不到完全居中。solution:利用div+float当一个浮动元素（没有声明宽度）包含一个向右浮动的子元素... 阅读全文

摘要： 转自CSS优先级的计算公式：http://wyz.67ge.com/css-selector-priority/通常我们可以将CSS的优先级由高到低分为六组：无条件优先的属性只需要在属性后面使用 !important 。它会覆盖页面内任何位置定义的元素样式。当然，IE 6不支持这个属性，于是它也成为... 阅读全文

摘要： 在制作一个登录界面时遇到了这样一个问题，背景图片是一张大的图片，登录内容设计师设计的比较大，当我把图切出来之后，发现由于我的浏览器屏幕比较小，背景图片出现了滚动条，登录内容在小的屏幕下显得异常的大，这样我们就需要解决两个问题：1如何让背景图片完整的铺满整个屏幕，并且随着浏览器屏幕的不同自适应 2如... 阅读全文

摘要： 在做页面的时候几次遇到label和前面的小图标无法对齐的情况，后来发现解决方法不过是label { display:inline-block; vertical-align:top;line-height:22px;//根据具体情况调节line-height } 阅读全文

摘要： 1 2 3 4 5 6 7 41 58 59 60 61 62 63 64 做个温文尔雅的女孩子~安安静静 静听花开65 66 67 在做这个效果时首先遇到的的问题是如何让蒙板飞入飞出，因为开始的时候把蒙板的div... 阅读全文

摘要： 在制作网站时避免图片太平淡经常会用到动画效果：由小到大跳跃出现。这种效果很有视觉冲击力，显著提高关注度~原理：利用css3的动画属性@keyframes@-moz-keyframes@-webkit-keyframes定义动画suofang,再用animation调用suofang这一动画帧，并将动... 阅读全文

摘要： 下拉图标呼吸效果在手机网站中用的比较多，可以很形象的提示用户往下有更多内容。下面是几行简单的代码~//下拉图标呼吸效果var setTime;function setTimeFun() { $(".mdmobile-first-bottom-bottom").animate({ ... 阅读全文

摘要： 原理：利用锚点定位方法设置图片运动期间各个时期的坐标位置。在不同时刻对各锚点坐标调用。相比传统方法的优点：可以更灵活的变动图片的位置。各个运动时期的运动时间更好控制。 1 ... 阅读全文

摘要： 1 /* 2 * To change this license header, choose License Headers in Project Properties. 3 * To change this template file, choose Tools | Templates 4... 阅读全文