01 2024 档案
摘要:学习MDN-正则表达式章 学习MDN-正则表达式章-这个链接也可以 什么是正则表达式 要点: 用于匹配字符串中字符组合的模式 js中,正则表达式也是对象 用于 RegExp 的 exec 和 test 方法,以及 String 的 match、matchAll、replace、search 和 sp
阅读全文
摘要: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
阅读全文