AlanTao

摘要： flexbox的核心是自适应动态变化的弹性布局 伸缩布局盒模型和术语 主轴main axis:Flex容器的主轴主要用来配置Flex项目。注意，它不一定是水平，这主要取决于flex-direction属性。main-start | main-end:Flex项目的配置从容器的主轴起点边开始，往主轴终 阅读全文

摘要： 1.去掉 a，input 在移动端浏览器中的默认样式(半透明灰色遮罩阴影) 2.禁止长按 a，img 标签长按出现菜单栏 3.省略号 4.swiper插件(当屏幕旋转或变化时,重新计算位移) 5.移动端字体 6.CSS3 @font-face 自己定义的Web字体嵌入到你的网页中 在线转化字体: / 阅读全文

摘要： 一般在web端图片100%自适应,在页面加载的时候存在高度塌陷的问题 解决这个问题其实很简单,用padding-top设置百分比值来实现自适应,公式如下 如:图片宽400px,高200px;套用上面公式计算出padding-top:值是50%; HTML代码 阅读全文

摘要： 1.rem是什么? rem(font size of the root element)是指相对于根元素的字体大小的单位 2.为什么web app要使用rem？ 实现强大的屏幕适配布局(淘宝,腾讯,网易等网站都是rem布局适配)rem能等比例适配所有屏幕,根据变化html的字体大小来控制rem的大小 阅读全文

摘要： 1.FlipClock.js能够自动定义计数,时钟的翻牌效果,调用简单,下面简单记录下用法 2.官网地址:http://www.flipclockjs.com/ 3.调用2个文件 4.HTML 5.js调用 6.flipclock.css修改基本样式 7.时间显示类型(天,时,分,12小时制,24小 阅读全文

摘要： 以chrome的firebug为例 1.找到其dom元素,然后右键"break on"-->"subtree modification"等,设置后元素旁边会有蓝色小圆点 三个属性分别是 Subtree modification : 结构修改 Attributes modifications : 属性 阅读全文

摘要： 1.设置在元素围绕的border的图片,用图片代替边框 1.使用在border上,元素上必须有border属性 2.切下图片像素slice 3.定义中间的区域是重复拉伸还是直接拉伸 浏览器支持 原图片 1.stretch拉伸,slice是30,根据单个小方块来计算 2.round重复小方块平铺,sl 阅读全文

摘要： 3D transform中有下面这三个方法： rotateX( angle ) rotateY( angle ) rotateZ( angle ) 邹凯的体操单杠运动是rotateX: 蔡依林姐姐的钢管舞是rotateY: 旋转飞刀的特技表演是rotateZ: 2.perspective属性,透视点 阅读全文

摘要： 前段时间在多文本输入textarea中遇到点小问题，textarea在HTML是没有value属性的，但在js里的可以获取其value值。 textarea禁止拉伸resize:none; (为了兼容IE低版的padding)可以将textarea的border去掉，禁止拉伸，在外层包个div层给p 阅读全文

摘要： 在jquery官网里找到(http://plugins.jquery.com/kbw.backgroundpos/) 语法： 阅读全文