![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 76
Dreamy_lin
做好当下
展开
-
用 Vue 实现原生日期选择器
效果:原创 2022-01-03 12:38:33 · 5492 阅读 · 9 评论 -
width:100%、width:auto、绝对定位、box-sizing:border-box、box-sizing:content-box 的混搭结论分析
在开始之前,先回顾些知识点。一、CSS盒模型CSS的盒模型由外到内分别为 margin、border、padding、content。分为标准盒模型与IE盒模型,可使用 box-sizing 属性去切换盒模型。标准盒模型:box-sizing:content-box; 意味着该盒子的 width 包裹的是 content 盒子即 content 部分。IE盒模型:box-sizing:border-box; 意味着该盒子的 width 包裹的是 border 盒子即 border + paddin原创 2021-01-10 15:54:56 · 722 阅读 · 3 评论 -
box-shadow的模糊距离和阴影扩展半径的关系
box-shadow: 2px 2px 4px 1px red insert;参数从左到右依次是,水平阴影位置(必须)、垂直阴影位置(必须)、模糊距离(可选)、阴影扩展半径(可选) 阴影颜色(可选)、阴影向内(可选,不选向外)1、水平阴影位置、垂直阴影位置也就是阴影水平/垂直移动的距离box-shadow: 200px 10px 0px 0px black; (这里的矩形宽度为200px)2、阴影扩展半径:也就是在原矩形阴影的基础上,向外延伸阴影扩展半径区域box-shadow: 210px 0原创 2020-07-10 21:32:56 · 2096 阅读 · 0 评论