创新路
我们一直在努力

html5

CSS3鼠标经过动画 transition

略懂阅读(81)评论(0)

    在H5中经常会有一些地方要用到很炫的动画,比如鼠标移动上去慢慢展开,慢慢变大或者飞出,只需要修改css,不需要写js就可以实现。       先看个DIV变大的案例: <sty...

HTML5 {十大新特性}

真实姓名阅读(179)评论(0)

(1)新的语义标签和属性 (2)表单新特性 (3)视频和音频 (4)Canvas绘图 (5)SVG绘图 (6)地理定位 (7)拖放API (8)WebWorker (9)WebStorage (10)WebSocket 1.HTML5表单新...

em/rem写手机页面的一种写法(2)

略懂阅读(564)评论(0)

当然js也不是最终的解决方案,毕竟我们整个页面不可能只有一个div,假如单单用js的话就要写好多代码,明显是不可取的。 这个时候我们用em/rem: em的定义是相对于上一级的字体大小的倍数。比如说: <div style="...

em/rem写手机页面的一种写法(1)

略懂阅读(551)评论(0)

1、缩放。你可以尝试着加和不加这个代码,方正写自适应我是都会加这一段的。至于喜欢寻根究底的童鞋可以看一下这篇文章,或者自行百度“meta viewport”。 <meta content="width=device-widt...

js/script 修改图片大小

略懂阅读(597)评论(0)

图片通过后台添加文章生存出来 带有宽度 高度,再手机自适应会导致页面问题,由于数据量太大,所以 写了个js自动改变 id为“center” 的IDV内部的所有IMG标签的高度和宽度,在此记录一下。 <html> <scri...

flexbox响应式布局时,向下兼容IE的解决方案

scxp阅读(960)评论(0)

要实现响应式布局,采用flexbox弹性盒子布局的解决方案是非常高效实用的,现在连大名鼎鼎的Bootstrap框架也支持flexbox了,我们有什么理由不使用它呢? 浏览器兼容性问题是老生常谈了,目前只有IE10以上版本才能较好的支持fle...

Chrome开发者工具:快速还原CSS简写属性

scxp阅读(836)评论(0)

CSS简写属性是可以让你同时设置其他几个 CSS 属性值的 CSS 属性。使用简写属性,Web开发人员可以编写更简洁、更具可读性的样式表,节省时间和精力。 例如我们设置一个底部边框可以这样写 border-bottom-width:&nbs...

CSS3新特性之:rem相对单位详解

scxp阅读(715)评论(0)

rem是(font size of the root element),官方解释:意思就是根据网页的根元素来设置字体大小,和em(font size of the element)的区别是,em是根据其父元素的字体大小来设置,而rem是根据...

CSS中如何实现图片垂直居中

略懂阅读(569)评论(0)

目标:“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意,而是有其现实的原因,垂直居中是 工作中最常遇到的一个问题,很有代表性。 题目的难点在于两点:  &n...

ThinkPHP生成的验证码不显示问题解决

行走在太行阅读(905)评论(0)

问题:TP程序在本地测试一切正常,然后上传到服务器环境登陆后台发现验证码无法显示。 经验告诉我们可能是tmp临时或者网站目录权限不对造成,但tp程序特殊,有的是二次开发的,类库和调用的方式不一样。 解决方法:在调用验证码之前加上 ob_cl...

天府云博 - 做有态度的开发&运维&设计学习分享平台!

联系我们百度云主机