CSS - 随笔分类 - 圆儿圈圈

移动端 HTML5 页面常见问题 —— 样式篇

摘要：转自： http://note.rpsh.net/posts/2015/08/27/mobile-web-html-css-faq/问题：iframe 在 iOS 上没有滚动条，直接撑出去解决：给 iframe 外嵌套一个 div，为这个 div 设置固定高度与overflow div{he... 阅读全文

posted @ 2015-12-11 09:10 圆儿圈圈阅读(817) 评论(0) 推荐(0)

有个名字叫随便乱记——css3

摘要：一、CSS3自适应对应的CSS代码：@media (min-device-width:600px){img[data-src-600px]{ content: attr(data-src-600px,url); }}@media (min-device-width:800px){ img[da... 阅读全文

posted @ 2014-12-11 10:38 圆儿圈圈阅读(144) 评论(0) 推荐(0)

CSS3伸缩布局

摘要：Flexbox规范版本众多，浏览器对此语法支持度也各有不同，接下来的内容以最新语法版本为例向大家展示：（接上一节）5.Flex项目移到左边flex项目称动到左边或右边也取决于主轴的方向。如果flex-direction设置为row，设置justify-content控制方向；如果设置为column，... 阅读全文

posted @ 2014-12-11 10:12 圆儿圈圈阅读(469) 评论(0) 推荐(0)

你需要知道的CSS3 动画技术

摘要：转自http://www.qianduan.net/what-you-need-to-know-about-behavioral-css.html译序：本文译自Smashingmagazine，但是原文讲述的内容有些浅，也不是很完整，前端观察在翻译的前提下，增加了更多的更系统的内容。如有不足之处，欢... 阅读全文

posted @ 2014-11-11 11:39 圆儿圈圈阅读(240) 评论(0) 推荐(0)

CSS3阴影 box-shadow的使用和技巧总结

摘要：转载http://blog.csdn.net/freshlover/article/details/7610269text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。基本语法是{box-shadow:... 阅读全文

posted @ 2014-11-04 13:22 圆儿圈圈阅读(452) 评论(0) 推荐(0)

随笔分类 - CSS