07 2017 档案

浏览器的标准兼容模式和怪异呈现模式
摘要：浏览器究竟该采用哪种模式渲染呢？这就引出DTD，既是网页的头部声明，浏览器会通过识别DTD而采用相对应的渲染模式：1. 浏览器要使老旧的网页正常工作，但这部分网页是没有doctype声明的，所以浏览器对没有doctype声明的网页采用quirks mode解析。2. 对于拥有doctype声明的网页，什么浏览器采用何种模式解析，这里有一张详细列表可参考：http://hsivonen.iki.fi... 阅读全文
posted @ 2017-07-26 15:56 从你的世界路过 阅读(175) 评论(0) 推荐(0)
如何用js解网页中间内容的高度自适应
摘要：//中间内容的高度自适应$(function(){ var headerHeight = $(".header").get(0).offsetHeight; var footerHeight = $(".footer").get(0).offsetHeight; var minHeight = $(window).height() - headerHeight - footerH... 阅读全文
posted @ 2017-07-26 10:44 从你的世界路过 阅读(418) 评论(0) 推荐(0)
常见Js获取高宽度的方法
摘要：获取高宽度 浏览器窗口可视区域大小 在不同浏览器都实用的 JavaScript 方案： var w= document.documentElement.clientWidth || document.body.clientWidth; var h= document.documentElement. 阅读全文
posted @ 2017-07-26 10:35 从你的世界路过 阅读(930) 评论(0) 推荐(0)
CSS3 转换 transform
摘要：2D变换方法：一般用于hover translate() rotate() scale() skew() matrix() 1、translate()方法 移动 translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动 实例 translate值（50px，100p 阅读全文
posted @ 2017-07-12 10:53 从你的世界路过 阅读(185) 评论(0) 推荐(0)
CSS3 过渡 transition
摘要：在一个例子中使用所有过渡属性： div { transition-property: width;/*all*/ transition-duration:1s;/*0.6s*/ transition-timing-function: linear;/*ease*/ transition-delay: 阅读全文
posted @ 2017-07-12 10:52 从你的世界路过 阅读(444) 评论(0) 推荐(0)
CSS3 动画 animation
摘要：1、CSS3 @keyframes规则 @keyframes myfirst { from {background: red;} to {background: yellow;} } @-webkit-keyframes myfirst /* Safari and Chrome */ { from 阅读全文
posted @ 2017-07-12 10:48 从你的世界路过 阅读(1059) 评论(0) 推荐(0)