摘要: //任何一个容器都可以指定为Flex布局.box{display:flex;}//行内元素也可以使用Flex布局.box{display:inlone-flex;}//Webkit内核的浏览器,必须加上-webkit前缀.box{dispaly:-webkit-flex;/* Safari*/dis 阅读全文
posted @ 2022-07-26 22:16 楠乔木 阅读(62) 评论(0) 推荐(0)
摘要: JSON.parse() :将JSON格式字符串转换为js对象(属性名没有双引号) ; JSON.stringify(): 将js对象或值转换为 JSON 字符串; console.log(JSON.stringify({ x: 5, y: 6 })); // "{"x":5,"y":6}" 阅读全文
posted @ 2022-06-23 19:44 楠乔木 阅读(162) 评论(0) 推荐(0)
摘要: 鼠标事件 click:单击事件。 dblclick:双击事件。mousedown:按下鼠标键时触发。mouseup:释放按下的鼠标键时触发。mousemove:鼠标移动事件。mouseover:移入事件。mouseout:移出事件。mouseenter:移入事件。mouseleave:移出事件。co 阅读全文
posted @ 2022-05-19 09:50 楠乔木 阅读(199) 评论(0) 推荐(0)
摘要: 块标签:div p h1-h6 hr ul ol li dl dd dt form ①支持宽高,自上而下排列 ②不受空格影响 ③一般用于其他标签的容器 ④默认宽度为100%(独占一行)。 行内标签:span i a b strong em sub sup u label br font ①不支持宽高 阅读全文
posted @ 2022-04-04 15:20 楠乔木 阅读(61) 评论(0) 推荐(0)
摘要: 相对网页外层重要部分CSS样式命名:外套 wrap 用于最外层头部 header 用于头部主要内容 main 用于主体内容(中部)左侧 main-left 左侧布局右侧 main-right 右侧布局导航条 nav 网页菜单导航条内容 content 用于网页中部主体底部 footer 用于底部 d 阅读全文
posted @ 2022-04-04 15:05 楠乔木 阅读(157) 评论(0) 推荐(0)
摘要: 子盒子水平垂直居中方法: 1、定位 子绝父相 position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; 2、定位 子绝父相 position:absolute; top:50%; left:50%; margin-top:负值 阅读全文
posted @ 2022-03-28 16:13 楠乔木 阅读(80) 评论(0) 推荐(0)