随笔分类 -  css3

css 锚点定位 -- scrollIntoView
摘要：滚动到指定位置 // 滚动到中间位置dom.scrollIntoView({ behavior: "smooth", block: "center", inline: "center" }); 引用链接：https://www.51cto.com/article/767006.html 阅读全文
posted @ 2024-06-03 22:41 水晴 阅读(45) 评论(0) 推荐(0)
CSS盒模型、BFC
摘要：盒模型 标准模型/IE模型 标准盒模型：content width->content(不包含padding和border) css设置：box-sizing：content-box；（浏览器默认的方式） IE盒模型：content width-->content+border+padding css 阅读全文
posted @ 2021-04-05 22:03 水晴 阅读(77) 评论(0) 推荐(0)
高度已知，写出三栏布局 左右各为300px 中间自适应
摘要：高度已知，写出三栏布局 左右各为300px 中间自适应 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width 阅读全文
posted @ 2021-04-05 13:22 水晴 阅读(58) 评论(0) 推荐(0)
css3 画三角形加阴影
摘要：三角形实现原理： 通过控制四周边框实现,想要红色区域三角形的就设置其他三边颜色设置为transparent,想要什么什么三角形就其他边设置为透明颜色即可 宽度width为0；height为0； （1）有一条横竖边（上下左右）的设置为border-方向：长度 solid red，这个画的就是底部的直线 阅读全文
posted @ 2020-08-04 11:39 水晴 阅读(764) 评论(0) 推荐(0)