css专栏
文章平均质量分 83
css学习内容
習慣-學習
这个作者很懒,什么都没留下…
展开
-
怎么理解margin越界问题及防止方法
边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。 两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界,则在最大的正边界中减去绝对值最大的负边界。如果没有正边界,则从零中减去绝对值最大的负边界。注意:相邻的盒子可能并非是由父子关系或同胞关系的元素生成。 但是边界的重叠也有例外情况: 1、水平边距永远不会重合。 2、在规范文档中,2个或以上的块级盒模型相邻的垂直margin会重叠。最终的mar转载 2021-05-26 16:17:39 · 434 阅读 · 0 评论 -
CSS媒体查询区分iPhone 6、 iPhone8、iPhone8 Plus和iPhoneX
/*iPhone6和iPhone8*/ @media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) { /*code*/ } /*iPhone6 Plus 和iPhone8 Plus*/ @media only screen and (device-width : 414px) and (dev转载 2020-12-10 13:54:12 · 628 阅读 · 0 评论 -
使用组合类名flex布局实现骰子
实现9个骰子,如下图所示: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>flex容器组合-9点筛子</title> <link rel="stylesheet" type="text/css" href="flex.css"/> </head> <body> <div class="b原创 2020-12-03 15:40:53 · 128 阅读 · 0 评论