摘要: 从CSS3开始,盒子模型有两种模式:content-box和border-box 为什么要增加border-box盒子呢? 可以尝试一下在CSS盒子上改变他的margin和padding,这时的盒子(包括周围的区域)会不断变大,这样势必会影响到该盒子周围的元素 还有一个关于盒子的知识点: 阅读全文
posted @ 2019-10-26 15:10 紫色,风铃 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 当代码时下面这样的时候,不知道你有没有想过出现的图形是什么呢? 运行结果如下: 如果这时候中间的框消失,是不是就构成了四个三角形?? 运行结果: 所以我们可以利用这一原理,将其他的颜色的三角形换成透明色,最终显示的就是三角形了 运行结果: 注意: 1.如果需要其他图形的三角形,比如直角三角形:可以将 阅读全文
posted @ 2019-10-26 14:03 紫色,风铃 阅读(500) 评论(0) 推荐(0) 编辑
摘要: 物理像素:设备屏幕实际拥有的像素点。比如iPhone 6的屏幕在宽度方向有750个像素点,高度方向有1334个像素点,所以iPhone 6 总共有750*1334个物理像素。 逻辑像素:也叫“设备独立像素”(Device Independent Pixel, DIP),可以理解为反映在CSS/JS代 阅读全文
posted @ 2019-10-26 13:46 紫色,风铃 阅读(425) 评论(0) 推荐(0) 编辑