随笔分类 -  CSS3

摘要：总结css架构结构 : base : 共用样式 common: 通用控件样式 page: 页面级样式js 架构结构：base 位于三层最底层，职责一是封装不同浏览器下js的差异，提供统一的接口，依靠它来完成跨浏览器兼容的工作，职责二是扩展js语言底层提供的接口，让它提供 更多更为易用的接口，ba... 阅读全文

摘要：原理：当用户旋转屏幕的时候，会进入到你的监听方法中，然后通过window.orientation来获取当前屏幕的状态：0 - 竖屏90 - 逆时针旋转横屏-90 - 顺时针旋转横屏180 - 竖屏，上下颠倒如果你不希望用户使用横屏方式查看你的网页，你可以在设备旋转时间监听里面对body使用CSS3里... 阅读全文

摘要：引言当今互联网飞速发展，网络用户的需求变化既快又大，且不可捉摸，大部分网站的更新周期都是以日、小时甚至分钟为单位。在这种情况下，网站的前端就成了 变化最频繁的部分。随着互联网公司对前端开发的逐渐重视，前端开发人数也越来越多，可是，技术人员的投入总是有限的。面对需求的快速变化，引发了很多如前 端编码规... 阅读全文

摘要：Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： 或者这样的形式： 不知道大家留意没有，其中两种方式引入CSS样式都有一个共同的属性“media”，而这个“media”就是用来指定特定的媒体类型，在HTML4和CSS2中充许你使用“media”来指定特定的媒体类型，如屏幕（screen）和打印（print）的样式表，当然还有其他的，比如说“TV”,“handheld”等，其中“all”表示的是支持所有媒体介质。有关于更多的Media类型，可以点击这里。上面简单说了一下HTML4和CSS2的“Media Queries”,... 阅读全文