随笔分类 -  html

关于响应布局 各种屏幕的适配参数
摘要：/*屏幕小于600px的PC浏览器, iPhone和mobiles时的样式*/ @media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)... 阅读全文
posted @ 2015-03-26 09:44 前端艺术 阅读(240) 评论(0) 推荐(0)
jQuery tabs 小插件
摘要：tab1 tab2 tab3 1 2 3 阅读全文
posted @ 2015-03-26 09:29 前端艺术 阅读(129) 评论(0) 推荐(0)
css3 盒模型
摘要：Css3引入了新的盒模型——弹性盒模型，该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL（火狐使用的用户交互语言）相似，其它语言也使用相同的盒模型，如XAML 、GladeXML。使用该模型，可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子使... 阅读全文
posted @ 2015-03-25 10:56 前端艺术 阅读(191) 评论(0) 推荐(0)
document.createElement()的用法
摘要：document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。其中，appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。下... 阅读全文
posted @ 2015-02-09 17:53 前端艺术 阅读(10984) 评论(0) 推荐(0)
一个弹出层，相对浏览器居中，可以随浏览器缩放大小，有最大值和最小值（当然不支持ie6）
摘要：下边是代码.div1{ position: fixed; z-index: 9999; background: #ccc; width: 100%; height: 100%; left: 0; top: 0}.div2{ position: absolute; min-width: 320px; ... 阅读全文
posted @ 2015-02-04 17:23 前端艺术 阅读(191) 评论(0) 推荐(0)