2015年8月21日
window.frames
摘要： 参考：http://blog.163.com/wumingli456@126/blog/static/28896414201001251430549/功能：frames[]是窗口中所有命名的框架组成的数组。这个数组的每个元素都是一个Window对象，对应于窗口中的一个框架。语法：window.fra... 阅读全文
posted @ 2015-08-21 16:05 半夏微凉ysy 阅读(206) 评论(0) 推荐(0)
ecmascript版本
摘要： 来自百度百科：1998年6月，ECMAScript 2.0版发布。1999年12月，ECMAScript 3.0版发布，成为JavaScript的通行标准，得到了广泛支持。2007年10月，ECMAScript 4.0版草案发布，对3.0版做了大幅升级，预计次年8月发布正式版本。草案发布后，由于4.... 阅读全文
posted @ 2015-08-21 15:43 半夏微凉ysy 阅读(609) 评论(0) 推荐(0)
2015年8月20日
浏览器css解析的两种模式
摘要： 各浏览器解析css有两种模式：quirks mode怪异模式，strict mode标准模式产生原因：历史原因，早期浏览器解析并未遵循w3c标准——quirks模式，随着w3c的标准越来越重要，仿照w3c标准解析css的模式——strict mode标准模式；其实还有一种 almost strict... 阅读全文
posted @ 2015-08-20 12:09 半夏微凉ysy 阅读(273) 评论(0) 推荐(0)
浏览器识别、客户端检测
摘要： 五大呈现引擎:trident(ie) , gecko(firefox,Camino,Netscape) , webkit(chrome,safari), KHTML,Opera客户端检测技术（按应该使用的优先级）：能力检测：特性检测，不是识别浏览器，而是识别浏览器的能力,先检查常用的特性，检查实际要... 阅读全文
posted @ 2015-08-20 11:41 半夏微凉ysy 阅读(347) 评论(0) 推荐(0)
盒模型
摘要： 类比真实世界中的盒子，有四个属性：content内容,padding填充,border边框,margin边界，每个HTML标记都可看作一个盒子；每个属性都包括四个部分：上、右、下、左两种盒模型：w3c标准、ie6下的1.区别 相同点：都是对元素计算尺寸的模型 不同点：w3c的width和height... 阅读全文
posted @ 2015-08-20 10:18 半夏微凉ysy 阅读(99) 评论(0) 推荐(0)
2015年8月17日
grid layout
摘要： ABCDEFGHIJcss:.wrapper {display: grid;grid-template-columns: 100px 10px 100px 10px 100px 10px 100px;grid-template-rows: auto 10px auto 10px auto;}.a{g... 阅读全文
posted @ 2015-08-17 15:51 半夏微凉ysy 阅读(128) 评论(0) 推荐(0)
flex box布局
摘要： 例如 flex box，有一个伸缩容器flex container 容器中的元素自动变成了伸缩项flex items,例子中container就是伸缩容器，left、center、right是伸缩项给伸缩容器的css设 display:flex ; flex-flow:row/... 阅读全文
posted @ 2015-08-17 11:07 半夏微凉ysy 阅读(142) 评论(0) 推荐(0)
box-shadow
摘要： -moz-box-shadow: 投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色;//Safari and Google chrome10.0--webkit-box-shadow: 投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色;//Firefox4... 阅读全文
posted @ 2015-08-17 10:15 半夏微凉ysy 阅读(109) 评论(0) 推荐(0)
text-shadow
摘要： firefox3.5 safari3.0 chrome 4.0 opero 9.5 ie不支持，使用滤镜filtertext-shadow: X-Offset Y-Offset Blur Color 多个阴影","分开ie:filter:shadow(Color=,Direction=,streng... 阅读全文
posted @ 2015-08-17 10:04 半夏微凉ysy 阅读(117) 评论(0) 推荐(0)
border-radius
摘要： css2 border-radius：用图片css3 border-radius: firefox3.5+ safari3.0+ chrome 4.0+ opera 10.5+ ie 9+w3c: border-radius:{1}：4角相等，{2}交叉相等，{3}右上左下相等 ,{1,4} / {... 阅读全文
posted @ 2015-08-17 09:49 半夏微凉ysy 阅读(187) 评论(0) 推荐(0)