03 2022 档案

github

摘要：1.预览html页面 https://blog.csdn.net/wxh0000mm/article/details/106160377 阅读全文

posted @ 2022-03-20 19:12 JO-BAE 阅读(23) 评论(0) 推荐(0) 编辑

摘要：1. 利用position和border 优点：（1）比起直接为盒子设置 border，这种不用考虑 padding；（2）手动控制高度更灵活，有时候可能会需要分割线高度 < 内容高度点击查看代码 ul li { position: relative; height: 50px; } ul l 阅读全文

posted @ 2022-03-18 16:23 JO-BAE 阅读(638) 评论(0) 推荐(0) 编辑

七七八八

摘要：清除浮动：清除其他浮动的兄弟元素对自身造成的影响一般A元素浮动后脱离文档流，相邻的B元素会上移填补A元素位置此时若为B元素设置clear，可以指其不被A元素的浮动影响，继续呆在原来的位置 clear：left； //清除左浮动兄弟元素对自身的影响 clear：right；//清除右浮动兄弟元素对阅读全文

posted @ 2022-03-18 13:03 JO-BAE 阅读(169) 评论(0) 推荐(0) 编辑

图片倒影

摘要：HTML <div class="box"> <img src="img/pic.png" alt="140x150"> </div> CSS .box { position: relative; } /* 设置镜像，作倒影 */ .box::after { content: url(img/pic 阅读全文

posted @ 2022-03-11 14:08 JO-BAE 阅读(19) 评论(0) 推荐(0) 编辑

freecodecamp题目

摘要：已解决：换了个浏览器作答通过了…不过还是不知道什么原因原chrome浏览器，换了edge浏览器以下为原文原题链接： https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/check-radi 阅读全文

posted @ 2022-03-11 13:19 JO-BAE 阅读(99) 评论(3) 推荐(0) 编辑