HTML-CSS
关注
分享
扫一扫
htmlcss笔记
Don_ixu
前端小菜鸡,努力学习ing,22年校招加油!!!
展开
-
CSS定位总结
固定定位 固定定位 相对于什么做定位 浏览器 div { position: fixed; top:0; left:0; } 固定(绝对定位)定位 3个特点 脱标 会重叠 z-index 决定谁先显示 变成行内块 元素的水平垂直居中 定位 top left 50% margin 负 自身宽度和高度的一半 绝对定位 div{ position:absolute; } 它的参照物是什么： 使用了 相对定位或者绝对定位或固定定位的 祖先元素原创 2021-07-03 22:15:52 · 90 阅读 · 0 评论 -
轮播图(在新版浏览器渲染队列下利用样式读写分离的应用场景)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>在线Web高级</title> <style> * { margin: 0; .原创 2021-07-03 17:35:59 · 112 阅读 · 0 评论 -
批量新增元素(减少回流/重排)
// 1.利用文档碎片 let box = document.querySelector('#box'), frag = document.createDocumentFragment(); for (let i = 0; i < 10; i++) { let span = document.createElement('span'); span.innerHTML = i + 1; frag.appendChild(s.原创 2021-07-03 17:52:41 · 85 阅读 · 0 评论 -
BFC笔记
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-06-18 23:04:12 · 85 阅读 · 0 评论