随笔分类 - 前端学习 / 前端刷题、练习
摘要：1 布局 单列布局 单列布局是将头部、内容区、底部在页面上垂直排列，是非常实用的一种布局方式。主要对三个区域的宽度进行统一，然后通过设置自动外边距进行居中。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ht
阅读全文
摘要：一些笔记 使用flex-wrap换行（一行一个元素） ul { display: flex; flex-wrap: wrap; } ul li { flex: 100%; } html中让img撑满整个div div要设置宽高，img也要有宽高且均为100%，最重要的是img要给display: b
阅读全文
摘要：1 外边距折叠 用处：当一个页面包含了多个段落，如果没有外边距折叠，从第二个段落开始，所有段落的间距都是最上方段落的上外边距的两倍，有了外边距折叠，段落间距才会相等。 如何去除外边距折叠：给目标盒子设置以下属性： display: inline-block float属性值不是"none"的元素 绝
阅读全文
摘要：1 清除浮动 方法1 双伪元素法：在style中给父元素添加伪元素代码 了解zoom:1; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi
阅读全文
