随笔分类 -  css

关于响应布局 各种屏幕的适配参数
摘要：/*屏幕小于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 前端艺术 阅读(190) 评论(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)
一个简单的负边距布局
摘要：忘记是哪家公司的面试题了，是一道考察css的题要求是这样布局（如图）兼容ie6等主流浏览器 大div宽高都为150px 小框为正方形边框为3px，鼠标划过边框颜色变化。解答111222333444555666777888999#div1{ width: 150px; height: 15... 阅读全文
posted @ 2015-01-27 15:23 前端艺术 阅读(134) 评论(0) 推荐(0)