随笔分类 -  css3高级

移动端1px细线解决方案--利用transform缩放方式
摘要：参考 https://www.cnblogs.com/leiting/p/9780129.html 阅读全文
posted @ 2019-06-25 11:41 YSE!
flex布局
摘要：https://baijiahao.baidu.com/s?id=1617522160090353767&wfr=spider&for=pc https://jingyan.baidu.com/article/17bd8e526a704085ab2bb8fd.html 阅读全文
posted @ 2019-05-23 09:51 YSE!
css 盒子模型理解
摘要：一、css盒子模型概念 CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图： css的两种盒模型 W3C的标准盒模型 我们可以看出我们上面的使用的默认正是W3C标准盒模型 阅读全文
posted @ 2019-05-12 21:31 YSE!
flex布局学习
摘要：display属性设置弹性布局 flex： 将对象作为弹性伸缩盒显示 inline-flex：将对象作为内联块级弹性伸缩盒显示 两者的区别 参考：https://www.jb51.net/css/520392.html 使用display:flex效果是这样 使用display:inline-fle 阅读全文
posted @ 2019-05-10 18:09 YSE!
弹性布局学习总结
摘要：原文链接：http://caibaojian.com/flexbox-guide.html 1.css 列（CSS columns）在弹性盒子中不起作用· 2.float, clear and vertical-align 在flex项目中不起作用 flex-direction(适用于父累容器的元素 阅读全文
posted @ 2019-04-16 18:16 YSE!
css页面滚动触发动画
摘要：参考页面：http://www.jq22.com/jquery-info1384 阅读全文
posted @ 2019-01-10 15:43 YSE!
CSS3 background-size 属性
摘要：设置背景图像的高度和宽度。 第一个值设置宽度，第二个值设置高度。 如果只设置一个值，则第二个值会被设置为 "auto"。 以父元素的百分比来设置背景图像的宽度和高度。 第一个值设置宽度，第二个值设置高度。 如果只设置一个值，则第二个值会被设置为 "auto"。 把背景图像扩展至足够大，以使背景图像完 阅读全文
posted @ 2018-01-08 15:56 YSE!