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 · 108 阅读 · 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 · 124 阅读 · 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 · 99 阅读 · 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 · 100 阅读 · 0 评论